@extends('layouts.main.main')

@section('content')

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <h2>Horaires des régisseurs</h2>
                <div class="alert alert-success" role="alert">
                    <strong>Ces horaires permettent la sélection automatique de régisseur(s) pour les livraisons et les reprises sur les bons de commandes.</strong>
                </div>
                <form action="/projets/{{ $project->id }}/horaires-regisseurs" id="project-stewards-planning-form" method="POST" autocomplete="nope">
                    @csrf
                    
                    @foreach($project->stewards as $steward)
                    <fieldset id="stew-{{$steward->id}}">
                        <h3>{{ $steward->full_name }}</h3>
                        <div class="row">
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="arrival[{{$steward->id}}][]">Arrivée :</label>
                                    <input type="text" class="form-control date_n_time required" id="arrival[{{$steward->id}}][]" name="arrival[{{$steward->id}}][]" value="{{ (($project->event_date_n_time) ? date('d/m/Y 00:00', strtotime($project->event_date_n_time)) : '') }}">
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="departure[{{$steward->id}}][]">Départ :</label>
                                    <input type="text" class="form-control date_n_time required" id="departure[{{$steward->id}}][]" name="departure[{{$steward->id}}][]" value="{{ (($project->event_date_n_time) ? date('d/m/Y 23:59', strtotime($project->event_date_n_time)) : '') }}">
                                </div>
                            </div>
                        </div>
                    </fieldset>
                    <div class="row">
                        <div class="col-12">                        
                            <button class="btn btn-success btn-add-presence" type="button" rel="{{ $steward->id }}"><i class="fa fa-plus"></i> Ajouter une présence pour {{ $steward->full_name }}</button>
                            <hr>
                        </div>
                    </div>
                    @endforeach
                    
                    <div class="row" id="adder-{{ $steward->id }}">
                        <div class="col-12">
                            <button type="submit" id="submit-order-creation-btn" class="btn btn-primary float-right">Continuer <i class="ti-angle-right"></i></button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="d-none" id="gabarit">
    <div class="row">
        <div class="col-6">
            <div class="form-group">
                <label class="labarrival" for="arrival[STEWARDID][]">Arrivée :</label>
                <input type="text" class="form-control date_n_time required inparrival" id="arrival[STEWARDID][]" name="arrival[STEWARDID][]" value="{{ (($project->event_date_n_time) ? date('d/m/Y 00:00', strtotime($project->event_date_n_time)) : '') }}">
            </div>
        </div>
        <div class="col-6">
            <div class="form-group">
                <label class="labdeparture" for="departure[STEWARDID][]">Départ :</label>
                <div class="input-group">
                    <input type="text" class="form-control date_n_time required inpdeparture" id="departure[STEWARDID][]" name="departure[STEWARDID][]" value="{{ (($project->event_date_n_time) ? date('d/m/Y 23:59', strtotime($project->event_date_n_time)) : '') }}">
                    <div class="input-group-append">
                        <button class="btn btn-danger btn-remove-presence" type="button"><i class="fa fa-times"></i></button> 
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection