{{ csrf_field() }}
<div class="box box-primary">
    <div class="box-header with-border">
        <h3 class="box-title"></h3>
    </div>
    <input type="hidden" name="name" value=" ">
    <div class="box-body">
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="type">Tipologia:</label>
                    <select name="type" id="type" class="form-control" required>
                        <option value="">Seleziona tipologia</option>
                        <option value="nation" {{ old('type', isset($calendar) ? $calendar->type : '') == 'nation' ? 'selected' : '' }}>Nazionale</option>
                        <option value="region" {{ old('type', isset($calendar) ? $calendar->type : '') == 'region' ? 'selected' : '' }}>Regionale</option>
                    </select>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label for="season_id">Stagione:</label>
                    <select name="season_id" class="form-control">
                        <option value=""></option>
                        @foreach($seasons as $key => $value)
                            <option value="{{ $key }}" {{ old('season_id', isset($calendar) ? $calendar->season_id : null) == $key ? 'selected' : '' }}>{{ $value }}</option>
                        @endforeachß
                    </select>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="category_id">Categoria:</label>
                    <select name="category_id" class="form-control"></select>
                </div>
            </div>

            <div class="col-md-6">
                <div class="form-group">
                    <label for="group_id">Girone:</label>
                    <select name="group_id" class="form-control"></select>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="file">File da importare:</label><br>
                    @if(isset($calendar))
                        <small>Attenzione, se viene importato un file viene sovrascritto il calendario</small><br>
                    @endif
                    <div class="custom-file-upload"><input type="file" name="file" class="form-control"></div>
                </div>
            </div>
        </div>

    </div>

    <div class="box-footer">
        @if(Auth::user()->only_read == false)
            <button type="submit" class="btn btn-success">{{ $submit_text }}</button>
        @endif
        <a href="{{ route('calendars.index') }}" class="btn btn-info">Annulla</a>
    </div>
</div>

@section('extra_js')

    <script>

        function loadCategories()
        {
            var type = $('select[name="type"] option:selected').val();
            $.getJSON( '/admin/load_categories/' + type, {
                format: "json"
              })
            .done(function( data ) {
                $('select[name="category_id"]').empty();
                jQuery.each(data, function(i, val) {
                    var o = new Option(val.name, val.id);
                    $(o).html(val.name);
                    $('select[name="category_id"]').append(o);
                });
                @if(isset($calendar) && $calendar->category_id > 0)
                    $('select[name="category_id"]').val('{{$calendar->category_id}}');
                @endif
                loadGroups();
            });
        }

        function loadGroups()
        {
            var category = $('select[name="category_id"] option:selected').val();
            $.getJSON( '/admin/load_groups/' + category, {
                format: "json"
              })
            .done(function( data ) {
                $('select[name="group_id"]').empty();
                jQuery.each(data, function(i, val) {
                    var o = new Option(val.name, val.id);
                    $(o).html(val.name);
                    $('select[name="group_id"]').append(o);
                });
                @if(isset($calendar) && $calendar->group_id > 0)
                    $('select[name="group_id"]').val('{{$calendar->group_id}}');
                @endif
            });
        }

        loadCategories();

        $( document ).ready(function() {
            $('select[name="type"]').change(function() {
                loadCategories();
            });
            $('select[name="category_id"]').change(function() {
                loadGroups();
            });
        });

    </script>

@stop