@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
<!-- DevExtreme theme -->
<link rel="stylesheet" href="https://cdn3.devexpress.com/jslib/22.2.4/css/dx.light.css">
@endsection

@section('js_header')
<script src='{{ asset('plugins/devexpress22.2.5/Lib/js/dx-gantt.min.js')}}'></script>
<link href='{{ asset('plugins/devexpress22.2.5/Lib/css/dx-gantt.min.css')}}' rel='stylesheet' />
<script type="text/javascript" src="https://cdn3.devexpress.com/jslib/22.2.4/js/dx.all.js"></script>
@endsection

<!-- ************************************** -->
@section('titre')
{{ __('Planification des interventions') }}
@endsection
<!-- ************************************** -->
@section('titre_header')
{{ __('Planification des interventions') }}
@endsection

<!-- ************************************** -->
@section('titre_page')
{{ __('Planification des interventions') }}
@endsection
<!-- ************************************** -->
@section('panel_boutons')
@include('layouts.partials.panelboutons', ['btn_retour'=> true])
@endsection
<!-- ************************************** -->
@section('contenu')
<div class="row">
    <div class="col-md-12">
        <div class="card card-info">
            <div class="card-body">
                <div class="card col-md-2" id='external-events'>
                    <div id="di_list_1" class='fc-event event-list-item fc-daygrid-event fc-daygrid-block-event' data-event='{ "sitTypInd_id": "1", "sitTypInd_name": "ajouter"}'>
                        <div class='fc-event-main' eventid="1">
                            <b class="planification-title">Ajouter une planification</b>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 w-100">
                    <input type="hidden" id="sit_id" name="sit_id" value="{{ @$site->sit_id }}">
                    <div class="col-md-4">
                        <div class="btn-group btn-group-toggle" data-toggle="buttons">
                            <label class="btn bg-info">
                                <input type="radio" name="filter" value="all" autocomplete="off" value="cours"> {{ __('Tous les parcs') }}
                            </label>
                            <label class="btn bg-info">
                                <input type="radio" name="filter" value="with_interventions" checked="" autocomplete="off" value="all"> {{ __('Parcs avec intervention') }}
                            </label>
                        </div>
                    </div>
                    <br><br><br>
                    <div id="gantt"> </div>
                    <br><br><br>
                </div>
            </div>

        </div>
    </div>
</div>
</div>
@endsection

@section('js_footer')
<script src="{{ asset('js/fonctions/fonctions_selectpickers.js')}}"></script>
<script src="{{ asset('js/planning/index2.js')}}"></script>
@endsection

@section('modale')
<!-- Modale AJOUT -->
<div id="Modal_ajoutdetail" class="modal fade" role="dialog">
    <div class="modal-dialog modal-xl">
        <!-- Modal content-->
        <form method="post" id="form_modaledetail" name="form_modaledetail" action="" enctype="multipart/form-data">
            <input type="hidden" name="site_id" id="site_id" value="">
            <input type="hidden" id="id_add_detail_type" name="id_add_detail_type" value="C">
            <input type="hidden" id="intDet_id" name="intDet_id" value="">
            <input type="hidden" id="intId" name="intId" value="">
            @csrf
            {{ csrf_field() }}
            <div class="modal-content">

                <div class="modal-header bg-warning" id="modal_title">
                    <h4 class="modal-title text-center">{{ __('Ajout/Modification planification') }}</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="files">{{ __('Equipe') }}</label>
                                <input type="text" class="form-control" id="intDet_teamAssigned" name="intDet_teamAssigned" value="" maxlength="255">
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    @component('components.dates.select_simple',['label' => 'Date début',
                                    'value' => '',
                                    'name' => 'intDet_startDate','required' => 'true'])
                                    @endcomponent
                                </div>
                                <div class="col-md-6">
                                    @component('components.dates.select_simple',['label' => 'Date fin',
                                    'value' => '',
                                    'name' => 'intDet_endDate','required' => 'true'])
                                    @endcomponent
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="files">{{ __('Description') }}</label>
                                <input type="text" class="form-control" id="intDet_description" name="intDet_description" value="" maxlength="150">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <table>
                                <thead>
                                    <tr>
                                        <th>Ressource</th>
                                        <th>Nombre d'agents</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($type_resources as $resource)
                                    <tr>
                                        <td class="p-2">{{ $resource->res_name }}</td>
                                        <td class="p-2"><input class="form-control" type="number" name="resources[{{ $resource->res_id }}]" value=""></td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" id="BTN_deleteIntDet" class="btn btn-abort mr-auto">Supprimer la planification</button>
                    <div class="ml-auto">
                        <button type="button" name="BTN_fermermodaleAD" id="BTN_fermermodaleAD" data-dismiss="modal" class="btn btn-abort">{{ __('Fermer') }}</button>
                        <button type="submit" class="btn btn-save">{{ __('Valider') }}</button>
                    </div>
                </div>
            </div>

        </form>
    </div>
</div>
</div>
@endsection