@extends('../partials.model')

@section('content')
<div class="container-fluid">

    <!-- Page Header -->
    <div class="d-md-flex d-block align-items-center my-4 justify-content-between page-header-breadcrumb">
        <div>
            <h1 class="text-3xl font-bold text-slate-900">
               JOURNALISATION
            </h1>
            <p class="text-slate-600 mtw-1">
                Gestion de la journalisation des opérations effectuées sur la plateforme.
            </p>
        </div>
        <div class="ms-md-1 ms-0">
          
        </div>
    </div>
    <!-- Page Header Close -->

    <!-- Start::row-1 -->
    <div class="card card-border">
        <div class="card-body">

          

            <div class="table-responsive">
                <table class="table table-striped table-hover" id="journalisationTable">
                    <thead >
                        <tr>
                            <!-- <th  scope="col">Document Concerné</th> -->
                            <th  scope="col">Opération</th>
                            <th  scope="col">Commentaire</th>
                            <th  scope="col">Opérateur</th>
                            <th  scope="col">Adresse IP</th>
                            <th  scope="col">Date Opération</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
    <!--End::row-1 -->



</div>


@endsection

@section('script')

<script>

   
   function recuperation_journalisation(){

           $.ajax({
            type: "GET",
            url: "{{ route('journalisation.get') }}",
            dataType: "JSON",
            success: function (resp) {
              var table =  $('#journalisationTable').DataTable();
              console.log(resp.data);
                table.clear().draw();
                $.each(resp.data, function (index, element) {
                  table.row.add([
                      
                    //   element.id_doc_concerne,
                      element.type_doc,
                      element.commentaire_operation,
                      element.operationnaire,
                      element.adresse_ip,
                      formatDate(element.created_at, 'avecHeures')
                  ])
                });

                table.draw();

            },
            error:function(error){
                //error
            }
        });

       
    }

    recuperation_journalisation();
</script>
@endsection