@extends('adminlte::page')

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

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

@section('content')
    <form method="post" action="{{ route('categories.update',$category->id) }}" enctype="multipart/form-data">
        @csrf
        <div class="form-group">
            <label>Nom de categorie</label>
            <input type="text" class="form-control" name="name" required value="{{ $category->name }}"/>
        </div>
        <div class="form-group">
            <label>Icon</label>
            <input type="file" class="form-control" name="icon"/>
        </div>

        <div class="form-group col-md-5">
            <label>Fichier de vérification</label>
            <input type="checkbox" name="require_file" @if($category->require_file) checked @endif >
        </div>
        <div class="repeater">
            <label>Pays non autorisés</label>
            <div data-repeater-list="countries">
                @if($category->categoryCountries->count() == 0)
                    <div class="row" data-repeater-item>
                            <div class="form-group col-md-5">
                                <label>Origine</label>
                                <select class="form-control select2" name="from" required>
                                    <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" required>
                                    <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>
                @endif
                @foreach($category->categoryCountries as $unauthorizedCountry)
                    <div class="row" data-repeater-item>
                        <div class="form-group col-md-5">
                            <label>Origine</label>
                            <select class="form-control select2" name="from" required>
                                @foreach (App\Helpers\CountriesHelper::getFrenchCountries() as $code => $country)
                                    <option value="{{$code}}"
                                            @if($unauthorizedCountry->country_from == $code) selected @endif>{{ $country }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group col-md-5">
                            <label>Déstination</label>
                            <select class="form-control select2" name="to" required>
                                @foreach (App\Helpers\CountriesHelper::getFrenchCountries() as $code => $country)
                                    <option value="{{$code}}"
                                            @if($unauthorizedCountry->country_to == $code) selected @endif>{{ $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>
                @endforeach
            </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