@extends('layouts.default', ['appTopMenu' => true])

@push('scripts')
<style type="text/css">
.cl_appication
{
  color: blue;
}
.cl_appication:hover
{
  cursor: pointer;
}

</style>
<link href="/assets/plugins/datatables.net-bs5/css/dataTables.bootstrap5.min.css" rel="stylesheet" />
<link href="/assets/plugins/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css" rel="stylesheet" />
<link href="/assets/plugins/datatables.net-buttons-bs5/css/buttons.bootstrap5.min.css" rel="stylesheet" />
<link href="/assets/plugins/datatables.net-colreorder-bs5/css/colReorder.bootstrap5.min.css" rel="stylesheet" />
<link href="/assets/plugins/datatables.net-keytable-bs5/css/keyTable.bootstrap5.min.css" rel="stylesheet" />
<link href="/assets/plugins/datatables.net-rowreorder-bs5/css/rowReorder.bootstrap5.min.css" rel="stylesheet" />
<link href="/assets/plugins/datatables.net-select-bs5/css/select.bootstrap5.min.css" rel="stylesheet" />

<script src="/assets/plugins/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="/assets/plugins/datatables.net-bs5/js/dataTables.bootstrap5.min.js"></script>
<script src="/assets/plugins/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
<script src="/assets/plugins/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js"></script>
<script src="/assets/plugins/datatables.net-colreorder/js/dataTables.colReorder.min.js"></script>
<script src="/assets/plugins/datatables.net-colreorder-bs5/js/colReorder.bootstrap5.min.js"></script>
<script src="/assets/plugins/datatables.net-keytable/js/dataTables.keyTable.min.js"></script>
<script src="/assets/plugins/datatables.net-keytable-bs5/js/keyTable.bootstrap5.min.js"></script>
<script src="/assets/plugins/datatables.net-rowreorder/js/dataTables.rowReorder.min.js"></script>
<script src="/assets/plugins/datatables.net-rowreorder-bs5/js/rowReorder.bootstrap5.min.js"></script>
<script src="/assets/plugins/datatables.net-select/js/dataTables.select.min.js"></script>
<script src="/assets/plugins/datatables.net-select-bs5/js/select.bootstrap5.min.js"></script>
<script src="/assets/plugins/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
<script src="/assets/plugins/datatables.net-buttons-bs5/js/buttons.bootstrap5.min.js"></script>
<script src="/assets/plugins/datatables.net-buttons/js/buttons.colVis.min.js"></script>
<script src="/assets/plugins/datatables.net-buttons/js/buttons.flash.min.js"></script>
<script src="/assets/plugins/datatables.net-buttons/js/buttons.html5.min.js"></script>
<script src="/assets/plugins/datatables.net-buttons/js/buttons.print.min.js"></script>
<script src="/assets/plugins/pdfmake/build/pdfmake.min.js"></script>
<script src="/assets/plugins/pdfmake/build/vfs_fonts.js"></script>
<script src="/assets/plugins/jszip/dist/jszip.min.js"></script>
<link rel="stylesheet" href="{{ asset('css/jquery-ui.css')}}" />
<script src="{{ asset('js/jquery-ui.js') }}"></script>

<script src="{{ asset('js/bootstrap-datetimepicker.js')}}"></script>
    <script src="{{ asset('js/bootstrap-datetimepicker.fr.js') }}"></script>
    <script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>
<style type="text/css">
  .ui-front {
    z-index: 9999;
}
</style>
@endpush

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



<div class="card mb-5" >
    <div class="title_print card-header bg-dark ">
    Undated Cases
    </div>
    <div class="card-body">


        <table class="table table-striped mb-0 align-middle">
            <thead>
            <tr>
                <th>#</th>
                <th>ANR No.</th>
                <th>Diary No.</th>
                <th>Applicant</th>
                <th>Previous Mediation Date</th>
                <th>Last Mediation Date</th>
                <th>Time</th>
                <th>Mode</th>
                <th>Mediator Name</th>
            </tr>
            </thead>
            <tbody>
                        @php $sno = 1; @endphp
            @foreach($list_of_mediator_advocates as $list)
                <tr>
                    <td>
                        {{$sno++}}
                    </td>
                    <td>{{$list->anr_no.'-'.$list->anr_year}}</td>
                    <td>{{$list->diary_number.'-'.$list->diary_year}}</td>
                    <td>{{$list->applicant}}</td>
                <!--<td>{{$list->mobile_no}}</td>-->
                    <td>{{($list->split_part=='' ? '-' : date('d-m-Y', strtotime($list->split_part)))}}</td>
                    <td>{{date('d-m-Y', strtotime($list->mediation_date))}}</td>
                    <td>{{substr($list->hearing_time, 0, -3)}}</td>
                    <td></td>
                    <td>{{$list->user_name}}</td>

                </tr>
            @endforeach
            </tbody>
        </table>

    </div>
</div>



</div>

@endsection


@push('scripts')
<script>
  
    $(document).ready(function(){
  
    $(".dtp").datetimepicker({
        format:'dd-mm-yyyy',
        minView: 2, 
        pickTime: false, 
        language: 'pt-BR',
        autoclose: true, 
       
    });

    var title = function () {
                        return $('.title_print').html(); };                   
var options = {
    dom: '<"dataTables_wrapper dt-bootstrap"<"row"<"col-xl-7 d-block d-sm-flex d-xl-block justify-content-center"<"d-block d-lg-inline-flex me-0 me-md-3"l><"d-block d-lg-inline-flex"B>><"col-xl-5 d-flex d-xl-block justify-content-center"fr>>t<"row"<"col-md-5"i><"col-md-7"p>>>',
    buttons: [
      { title: title, extend: 'copy', className: 'btn-sm' },
      { title: title, extend: 'csv', className: 'btn-sm' },
      { title: title, extend: 'excel', className: 'btn-sm' },
      { title: title, extend: 'pdf', className: 'btn-sm' },
      { title: title, extend: 'print', className: 'btn-sm' }
    ],

    responsive: true,
    colReorder: true,
    keys: true,
    rowReorder: true,
    select: true
  };

  if ($(window).width() <= 767) {
    options.rowReorder = false;
    options.colReorder = false;
  }
  $('#data-table-combine').DataTable(options);

});
    </script>
    
    @endpush