@extends('layouts.app',[
    'class' => '',
    'folderActive' => '',
    'elementActive' => isset($_GET['status']) && $_GET['status'] == 9 ? 'prospection-refuse' : 'prospection'
])

@section('content')
    <div class="app-page-title">
        <div class="page-title-wrapper">
            <div class="page-title-heading">
                <div class="page-title-icon">
                    <i class="fa fa-calendar icon-gradient bg-arielle-smile"> </i>
                </div>
                <div>
                    PROSPECTION {{ isset($_GET['status']) && $_GET['status'] == 9 ? 'REFUSÉ' : '' }}
                    <div class="page-title-subheading">
                        Liste des prospects | Nombres de prospect : <span id="count"></span>
                    </div>
                </div>
            </div>
            <div class="page-title-actions">
            </div>
        </div>
    </div>

    <div class="row">
        <button id="btn_101" class="btn btn-success mx-1">OBJECTIF BAR-EN-101 : <span
                id="count_101"></span></button>
        <button id="btn_103" class="btn btn-success mx-1">OBJECTIF BAR-EN-103 : <span id="count_103"></span>
        </button>
        <button id="btn_102" class="btn btn-success mx-1">OBJECTIF BAR-EN-102 : <span id="count_102"></span>
        </button>
        <button id="btn_106" class="btn btn-success mx-1">OBJECTIF BAR-EN-106 : <span id="count_106"></span>
        </button>
    </div>


    @if(Auth::user()->user_type < 4 || Auth::user()->user_type > 6)
        <div class="row">
            <div class="mb-2 mb-sm-0 col-12 col-md-3">
                <label for="exampleEmail22" class="mr-sm-2">Nom</label>
                <input name="email" id="name_filter" placeholder="Chercher par nom ou par adresse"
                       data-column="prospect"
                       type="text" class="form-control input_filter">
            </div>

            <div class="mb-2 mb-sm-0 col-12 col-md-3">
                <label for="exampleEmail22" class="mr-sm-2">Opérations</label>
                <div style="display:none">
                    <input type="text" id="ope_pre_filter" value="">
                    <input type="text" id="region_pre_filter" value="">
                    <input type="text" id="type_pre_filter" value="">
                </div>
                <select class="form-control select_filter select2" id="ope_filter" data-column="14">
                    <option value="">Filtrer par opération</option>
                    @foreach($operations as $operation)
                        <option value="{{ $operation->operation_id }}">{{ $operation->operation_title }}</option>
                    @endforeach
                </select>
            </div>


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

                <label for="exampleEmail22" class="mr-sm-2">Type d'opération</label>

                <select class="form-control select_filter" id="type_filter" data-column="15">
                    <option value="">Filtrer par type d'opération</option>
                    <option
                        value="BAR-EN-101">BAR-EN-101
                    </option>
                    <option
                        value="BAR-EN-102">BAR-EN-102
                    </option>
                    <option
                        value="BAR-EN-103">BAR-EN-103
                    </option>
                    <option
                        value="BAR-EN-106">BAR-EN-106
                    </option>
                </select>
            </div>

            <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" id="region_filter" data-column="11">
                    <option value="">Filtrer par région</option>
                    @foreach(config('regions.regions') as $key => $region)
                        <option value="{{ intval($key) }}">{{ $key }} - {{ $region }}</option>
                    @endforeach
                </select>
            </div>

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

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

                <select class="form-control select_filter select2" id="dpt_filter" data-column="8">
                    <option value="-1">Filtrer par département</option>
                    @foreach(config('regions.departements') as $key => $departement)
                        <option value="{{ $key }}">{{ $key }} - {{ $departement }}</option>
                    @endforeach
                </select>
            </div>

            <div class="mb-2 mb-sm-0 col-12 col-md-3">
                <label for="exampleEmail22" class="mr-sm-2">Précarité</label>
                <select class="form-control select_filter" id="precarite" data-column="17">
                    <option value="">Filtrer par précarité</option>
                    <option value="1">Classiques et précaires
                    </option>
                    <option value="2">Grands précaires
                    </option>
                </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">
                    <option value="10">10</option>
                    <option value="25" selected="">25</option>
                    <option value="50">50</option>
                    <option value="100">100</option>
                    <option value="-1">Tout</option>
                </select>
            </div>
            <div id="cancel_filters">
                <i class="fa fa-filter"></i>
            </div>

        </div>
    @endif

    <div class="outside_buttons m-y-2"></div>
    <div class="row">
        <div class="col-md-12 col-xl-12">
            <div class="col-md-12">
                <div class="main-card mb-3 card">
                    <div class="table-responsive">
                        <table id="liste_prospection"
                               class="align-middle mb-0 table table-borderless table-striped table-hover datatable">
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="{{ asset('js/prospection.js') }}"></script>
    <script src="{{ asset('js/datatables.js') }}"></script>
@endsection