@extends('adminlte::page')

@section('title', 'Ajouter une categories')

@section('content_header')
<h1>Ajouter une categories</h1>
@stop

@section('content')
<form method="post" action="{{ route('categories.store') }}" enctype="multipart/form-data">
    @csrf
    <div class="form-group">
        <label>Nom de categorie</label>
        <input type="text" class="form-control" name="name" required/>
    </div>
    <div class="form-group">
        <label>Icon</label>
        <input type="file" class="form-control" name="icon" required/>
    </div>
    <div class="form-group col-md-5">
        <label>Fichier de vérification</label>
        <input type="checkbox" name="require_file" >
    </div>
    <div class="repeater">
        <label>Pays non autorisés</label>
        <div data-repeater-list="countries">
            <div class="row" data-repeater-item>
                <div class="form-group col-md-5">
                    <label>Origine</label>
                    <select class="form-control select2" name="from" >
                        <option></option>
                        @foreach (App\Helpers\CountriesHelper::getFrenchCountries() as $code => $country)
                        <option value="{{$code}}">{{ $country }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group col-md-5">
                    <label>Déstination</label>
                    <select class="form-control select2" name="to" >
                        <option></option>
                        @foreach (App\Helpers\CountriesHelper::getFrenchCountries() as $code => $country)
                        <option value="{{$code}}">{{ $country }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-2 align-self-center">
                    <button data-repeater-delete type="button" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i></button>
                </div>
            </div>
        </div>
        <button data-repeater-create type="button" class="btn btn-secondary btn-sm"><i class="fa fa-plus"></i></button>
    </div>
    <div>
        <button type="submit" class="btn btn-primary">Sauvegarder</button>
    </div>
</form>
@stop

@section('js')
    <script src="https://cdn.jsdelivr.net/npm/jquery.repeater@1.2.1/jquery.repeater.min.js"></script>
    <script>
      $('.repeater').repeater({
        repeaters: [{
          selector: '.inner-repeater'
        }]
      });

    </script>
@stop