@extends('layouts.admin.main')

@section('content')
<div class="col-md-12">
    <div class="card">
        <div class="card-header">
            Configuration Horaire d'instruction
        </div>
        <div class="card-body">
            <form method="POST" action="/admin/config/schedule/edit">
                @csrf
                <h5 class="mb-4">Configuration des périodes</h5>
                <div class="row form-group">
                    <div class="col-md-6">
                        <label for="">Nombre de période</label>
                        <input type="number"
                        class="form-control" name="admin_periode_nb" id="admin_periode_nb" aria-describedby="helpId" placeholder="" value="{{\App\Config::getData('admin_periode_nb')}}">
                        <small id="helpId" class="form-text text-muted">Nombre de période dans une soirée d'instruction régulière</small>
                    </div>
                </div>
                <div class="accordion" id="config-periode">
                    @for ($i = 1; $i <= \App\Config::getData('admin_periode_nb'); $i++)
                        <div class="card">
                            <div class="card-header" id="config-periode">
                                <h2 class="mb-0">
                                    <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#p{{$i}}" aria-controls="collapseOne">
                                    Configuration période {{$i}}
                                    </button>
                                </h2>
                            </div>
                        
                            <div id="p{{$i}}" class="collapse" aria-labelledby="config-periode" data-parent="#config-periode">
                                <div class="card-body">
                                    <div class="row form-group">
                                        <div class="col-md-3">
                                            <label for="">Heure de début</label>
                                            <input type="time" class="form-control" name="admin_periode_begin_{{$i}}" id="admin_periode_begin_{{$i}}" value="{{\App\Config::all()->where('name','admin_periode_begin')->first()->data[$i]}}">
                                            <small id="helpId" class="form-text text-muted">Heure de début de la période dans une soirée d'instruction régulière</small>
                                        </div>
                                        <div class="col-md-3">
                                            <label for="">Heure de fin</label>
                                            <input type="time" class="form-control" name="admin_periode_end_{{$i}}" id="admin_periode_end_{{$i}}" value="{{\App\Config::all()->where('name','admin_periode_end')->first()->data[$i]}}">
                                            <small id="helpId" class="form-text text-muted">Heure de fin de la période dans une soirée d'instruction régulière</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endfor           
                <div class="row">
                    <div class="col-md-12 p-2">
                        <button type="submit" class="btn btn-primary">Sauvegarder</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('breadcrumb')
    <div class="breadcrumbs">
        <div class="col-sm-4">
            <div class="page-header float-left">
                <div class="page-title">
                    <h1>Configuration Horaire d'instruction</h1>
                </div>
            </div>
        </div>
        <div class="col-sm-8">
            <div class="page-header float-right">
                <div class="page-title">
                    <ol class="breadcrumb text-right">
                        <li class="active">Configuration/Horaire d'instruction</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('custom_scripts')
<script>
    function saveChange(pPerm) {
        (function($) {
		var myswitch = document.getElementById(pPerm);
		$.post('/api/config/general/save?api_token='+api_token, { value: myswitch.checked,perm: pPerm } , function(data) {
            swal({
            title: 'Modification enregistré !',
            type: 'success',
            }).then((result) => {
            if (result.value) {
                location.reload();
            }
            })
          });
	    })(jQuery);
    }
</script>
@endsection
