@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>
    <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">Rapports refusés :<span id="count2"></span></h5>

                            <table class="mb-0 " id="table">
                                <thead>
                                <tr>
                                    <th>Date</th>
                                    <th>Propriétaire</th>
                                    <th>Inspecteur</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                                 @foreach( $refus_meta_rapports as $refus_meta_rapport)
                                    <tr>
                                        <td>
                                            {{$refus_meta_rapport->date_rapport}}
                                        </td> 
                                        <td>
                                            {{$refus_meta_rapport->proprietaire_name}}
                                            {{$refus_meta_rapport->proprietaire_adresse}}
                                            {{$refus_meta_rapport->proprietaire_cp}}
                                            {{$refus_meta_rapport->proprietaire_ville}}
                                        </td> 
                                        <td>
                                            {{$refus_meta_rapport->user_firstname}}
                                        </td> 
                                         <td> 
                                           <a href="/rapports/fiche_rapport/{{ $refus_meta_rapport->rapport_id }}" target="_blank" class="btn btn-primary mb-3">Voir le rapport</a>
                                        </td>   
                                    </tr>
                                @endforeach 
                            </table>
                        </div>
                    </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