@extends('layouts.app',[
    'class' => '',
    'folderActive' => '',
    'elementActive' => 'rdv'
])

@section('head_supplement')

    <link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/bootstrap/main.css" rel="stylesheet">
    <style>
        .show_filter {
            display: none;
        }

        @media only screen and (max-width: 600px) {
            .show_filter {
                display: block;
            }

            .open {
                display: block;
            }

            .closed {
                display: none;
            }
        }

        .day_count {
            text-align: center;
            vertical-align: middle;
            background: #3f6ad8;
            color: white;
            max-width: 25px;
            margin: auto;
            border-radius: 4px;
        }

        .modif_rdv input, .modif_rdv select {
            max-width: 80%;
        }

        #calendar {
            max-width: 900px;
            margin: 0 auto;
        }

    </style>
@endsection

@section('content')

    <div class="app-page-title">
        <div class="page-title-wrapper">
            <div class="page-title-heading">
                <div class="page-title-icon">
                    <i class="fas fa-calendar-alt icon-gradient bg-arielle-smile"> </i>
                </div>
                <div>
                    RDV
                    <div class="page-title-subheading">
                        Liste des rdv programmés | Nombre de résultat <span id="count"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" id="client_id" value="{{ Auth::user()->client_id }}">
    <input type="hidden" id="user_id" value="{{ Auth::user()->user_id }}">
    <input type="hidden" id="user_type" value="{{ Auth::user()->user_type }}">
    <input type="hidden" id="passer" value="0">
    @if(Auth::user()->user_type < 8)
        @php
            $day = date('w');
            $week_start = date('d/m/Y', strtotime('+' . (1 - $day) . ' days'));
            $week_start_en = date('Y-m-d', strtotime('+' . (1 - $day) . ' days'));
            $week_end = date('d/m/Y', strtotime('+' . (7 - $day) . ' days'));
        @endphp
    @endif
    <button class="btn btn-primary show_filter ">Afficher les filtres</button>
    <div class="row filters_row closed">
        <div class="mb-2 mb-sm-0 col-12 col-md-3">
            <label for="exampleEmail22" class="mr-sm-2">Date de début</label>
            <input type="text" id="min_date" class="form-control date_picker"
                   value="{{ date('d/m/Y', strtotime("this week")) }}">
            <input type="hidden" id="min_date_str">
        </div>

        <div class="mb-2 mb-sm-0 col-12 col-md-3">
            <label for="exampleEmail22" class="mr-sm-2">Date de fin</label>
            <input type="text" id="max_date" class="form-control date_picker"
                   value="{{ date('d/m/Y', strtotime("sunday this week")) }}">
            <input type="hidden" id="max_date_str" class="form-control">
        </div>

        <div class="mb-2 mb-sm-0 col-12 col-md-3">
            <label for="exampleEmail22" class="mr-sm-2">Inspecteur</label>
            <select class="form-control select_filter select2" id="inspecteur_filter" data-column="5" name="inspecteur">
                <option value="">Filtrer par inspecteur</option>
                <option value="-1">RDV NON ATTRIBUES</option>
                @foreach($inspecteurs as $inspecteur)
                    <option
                        value="{{ $inspecteur->user_id }}">{{ $inspecteur->user_firstname }} {{ $inspecteur->user_lastname }}</option>
                @endforeach

            </select>
        </div>

        <div class="mb-2 mb-sm-0 col-12 col-md-3">
            <label for="exampleEmail22" class="mr-sm-2">Statut du rdv</label>
            <select class="form-control select_filter select2" id="statut_filter" data-column="5">
                <option value="">Filtrer par statut</option>
                @foreach(config('types.type_rdv') as $key => $type_rdv)
                    <option value="{{ $key }}">{{ $type_rdv }}</option>
                @endforeach

            </select>
        </div>

        @if(Auth::user()->client_id == 0)
            <div class="mb-2 mb-sm-0 col-12 col-md-3">
                <label for="exampleEmail22" class="mr-sm-2">Client</label>
                <select class="form-control select_filter select2" id="client_filter" data-column="14">
                    <option value="">Filtrer par client</option>
                    @foreach($clients as $client)
                        <option {{(isset ($request->client_id) && $client->client_id==$request->client_id) ? 'selected' :''}} value="{{ $client->client_id }}">{{ $client->client_title }}</option>
                    @endforeach
                </select>
            </div>


            <div class="filters mb-2 mb-sm-0 col-12 col-md-3">
                <label for="exampleEmail22" class="mr-sm-2">Type d'inspection</label>

                <select class="form-control select_filter" id="type_rapport" data-column="10">
                    <option value="">Filtrer par type d'inspection</option>
                    @foreach(config('types.type_rapport') as $key => $type)
                        <option {{(isset ($request->type_rapport) && $key==$request->type_rapport) ? 'selected' :''}} value="{{ $key }}">{{ $type }}</option>
                    @endforeach
                </select>
            </div>

        @endif

        <div class="mb-2 mb-sm-0 col-12 col-md-3">

            <label for="exampleEmail22" class="mr-sm-2">Région</label>

            <select class="form-control select_filter select2" id="region_id" data-column="16">
                <option value="">Filtrer par région</option>
                @foreach($departements as $departement)
                    <option value="{{ $departement->region_id }}"> {{ $departement->region_name }}</option>
                @endforeach
            </select>
        </div>

        <div class="mb-2 mb-sm-0 col-12 col-md-3">

            <label for="departement_code" class="mr-sm-2">Département</label>

            <select class="form-control select_filter select2" id="departement_code" data-column="17">
                <option value="">Filtrer par département</option>
                @foreach($departements as $departement)
                    <option value="{{ $departement->departement_code }}">{{ $departement->departement_code }}
                        - {{ $departement->departement_nom }}</option>
                @endforeach
            </select>
        </div>


        <div class="mb-2 mb-sm-0 col-12 col-md-3">

            <label for="exampleEmail22" class="mr-sm-2">Résultats/page</label>

            <select id="change_length" class="form-control select2">
                <option value="10">10</option>
                <option value="25">25</option>
                <option value="50">50</option>
                <option value="100">100</option>
                <option value="-1">Tout</option>
            </select>

        </div>

        <div class="mb-2 mb-sm-0 col-12 col-md-3">

            <label for="exampleEmail22" class="mr-sm-2">Filtrer par client ou lieu d'inspection</label>

            <input class="form-control input_filter" id="nom_filter" data-column="inspection" value="">
        </div>

        <div id="cancel_filters">

            <i class="fa fa-filter"></i>

            <span class="infobulle">RESET FILTER</span>

        </div>

    </div>
    <br>

    <div class="outside_buttons"></div>

    <div class="row">
        <div class="col-md-12 col-xl-12">
            <div class="col-md-12">
                @if(Auth::user()->client_id == 0)
                    <div class="main-card mb-3 card">
                        <div
                            class="table-responsive" {{ Auth::user()->user_id < 4 ? 'style="display:block"' : '' }} >
                            <table id="liste_rdv1"
                                   class="align-middle mb-0 table table-borderless display table-striped table-hover datatable">
                            </table>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-md-12 col-xl-12">
            <div class="col-md-12">
                <div id='calendar_rdv'></div>
            </div>
        </div>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/locale/fr.js"></script>
    <script src="{{ asset('js/datatables.js') }}"></script>
    <script src="{{ asset('js/rdv.js') }}" defer></script>

@endsection