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


@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-home icon-gradient bg-arielle-smile"></i>
                </div>
                <div>
                    {{ config('options_crm.societe') }} CRM
                </div>
            </div>
        </div>
    </div>
    @include('dashboard.taches.tache')
    <div class="app-main__inner">
        <div class="content">
            <div class="row">
                <div class="position-relative form-group mb-4">

                    <label for="name_filter" class="mr-sm-2">Filtre</label>

                    <input name="name" id="name_filter" placeholder="Filtrer par nom" data-column="client_title" type="text"
                        class="form-control input_filter">

                </div>
                <div class="col-sm-12 col-lg-12 col-xl-12">
                    <div class="main-card mb-3 card">
                        <div class="card-body">
                            <h5 class="card-title">Rdv passes non transformes en
                                rapports Total:<span id="count2">{{ $rdvs->count() }}</span>
                            </h5>
                            <table class="mb-0 " id="table">
                                <thead>
                                    <tr>
                                        <th>Date</th>
                                        <th>Bénéficiaire</th>
                                        <th>Inspecteur</th>
                                        <th>Type</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                @foreach ($rdvs as $rdv)
                                    <tr>
                                        <td>{{ date('d/m/Y', strtotime($rdv->date_rdv)) }}</td>

                                        <td>{{ $rdv['proprietaire_name'] ?? '' }}
                                            <br />{{ $rdv['proprietaire_adresse'] ?? '' }}
                                            {{ $rdv['proprietaire_cp'] ?? '' }} {{ $rdv['proprietaire_ville'] ?? '' }}
                                            @if (isset($rdv->operation))
                                                <br />Opération : {{ $rdv->operation->operation_title }}
                                            @endif
                                        </td>

                                        <td>{{ $rdv->user->user_firstname }} {{ $rdv->user->user_lastname }}</td>
                                        <td>{{ config('types.type_rapport')[$rdv['type_rdv']] }}</td>

                                        <td><a class="btn btn-primary" href="{{ route('rdv.show', $rdv['rdv_id']) }}"
                                                target="_blank">Voir le RDV</a></td>
                                    </tr>
                                @endforeach
                            </table>
                        </div>
                        {{-- @include('dashboard.refus_rapport'); --}}
                    </div>
                </div>
            </div>
        </div>
    </div>





    <script src="{{ asset('js/datatables.js') }}"></script>
    <script>
        let table = $('#table').DataTable({
            "language": {
                "sProcessing": "Traitement en cours...",
                "sSearch": "Rechercher&nbsp;:",
                "sLengthMenu": "Afficher _MENU_ &eacute;l&eacute;ments",
                "sInfo": "Affichage de l'&eacute;l&eacute;ment _START_ &agrave; _END_ sur _TOTAL_ &eacute;l&eacute;ments",
                "sInfoEmpty": "Affichage de l'&eacute;l&eacute;ment 0 &agrave; 0 sur 0 &eacute;l&eacute;ment",
                "sInfoFiltered": "(filtr&eacute; de _MAX_ &eacute;l&eacute;ments au total)",
                "sInfoPostFix": "",
                "sLoadingRecords": "Chargement en cours...",
                "sZeroRecords": "Aucun &eacute;l&eacute;ment &agrave; afficher",
                "zeroRecords": "Aucun rdv programmé",
                "sEmptyTable": "Aucune donn&eacute;e disponible dans le tableau",
                "oPaginate": {
                    "sFirst": "Premier",
                    "sPrevious": "Pr&eacute;c&eacute;dent",
                    "sNext": "Suivant",
                    "sLast": "Dernier"
                }

            },
            "searching": true,
            "ordering": true,
            "sortable": true,
            "paging": true,
            "order": [0, "desc"],
            "bInfo": false,
            "bFilter": false,
            "dom": '<"top"i>rtp<"bottom"><"clear">',
        });

        $('#name_filter').keyup(function() {
            table.search($(this).val()).draw();
        })
    </script>
@endsection