@extends('admin.master')
@section('content')

<meta name="csrf-token" content="{{ csrf_token() }}">
<!-- DataTables -->
<link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/datatables-buttons/css/buttons.bootstrap4.min.css') }}">
<!-- DataTables  & Plugins 
<script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/jszip/jszip.min.js') }}"></script>
<script src="{{ asset('plugins/pdfmake/pdfmake.min.js') }}"></script>
<script src="{{ asset('plugins/pdfmake/vfs_fonts.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.print.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.colVis.min.js') }}"></script>-->
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Advocate Details</h1>
                </div><!-- /.col -->

            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">

            <!-- Message -->

            <form method="POST" action="" >
                @csrf
                <div class="card card-primary col-12 p-0">
                    <div class="card-header">
                        <h3 class="card-title">Advocate Profile</h3>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">
                        <table id="example1" class="table table-bordered table-striped">
                            <thead>
                                <tr>  
                                    <th>#</th>  
                                    <th>Enrolment No.</th>
                                    <th>Enrolment Date</th>
                                    <th>Advocate</th>
                                    <th>Mobile</th>
                                    <th>eMail</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($advocateData as $key => $data)
                                <tr>
                                    <td>{{ ++$key }}</td>    
                                    <td>{{ $data->enrolment_number }}</td>
                                    <td>{{ date('d-m-Y', strtotime($data->enrolment_date)) }}</td>
                                    <td>{{ $data->title.' '.$data->full_name_of_advocate }}</td>
                                    <td>{{ $data->mobile }}</td>
                                    <td>{{ $data->email }}</td>
                                    <td>
                                        <span class='advocate_view pl-2' data-advocate_id='{{ $data->advocate_id }}' data-toggle="modal" data-target="#modal-xl" title='View'><i class="text-info fas fa-eye"></i></span>
                                        <span class='advocate_edit pl-2' data-advocate_id='{{ $data->advocate_id }}'  title='Edit'><i class="fas fa-pen"></i></span>
                                        <span class='advocate_remove pl-2' data-advocate_id='{{ $data->advocate_id }}' title='Delete'><i class="text-danger fas fa-trash-alt"></i></span>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                            <tfoot>
                                <tr>
                                    <th>#</th>                        
                                    <th>Enrolment No.</th>
                                    <th>Enrolment Date</th>
                                    <th>Advocate</th>
                                    <th>Mobile</th>
                                    <th>eMail</th>
                                    <th>Action</th>
                                </tr>
                            </tfoot>
                        </table>







                    </div>
                    <!-- /.card-body -->
                    <!-- /.card-body -->
                </div>
            </form>
            <!-- /.card -->
            <!-- general form elements disabled -->

        </div><!-- /.container-fluid -->


        <div class="modal fade" id="modal-xl">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Profile</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body myModal_content">
                        <p>No Records Found</p>
                    </div>
                    <div class="modal-footer justify-content-between">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>                        
                    </div>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>
        <!-- /.modal -->

    </section>










    <!-- /.content -->
</div>
<!-- /.content-wrapper -->
<script>

</script> 
@endsection

<!-- jQuery -->
<script src="{{ asset('plugins/jquery/jquery.min.js') }}"></script>
<!-- jQuery UI 1.11.4 -->
<script src="{{ asset('plugins/jquery-ui/jquery-ui.min.js') }}"></script>

<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/jszip/jszip.min.js') }}"></script>
<script src="{{ asset('plugins/pdfmake/pdfmake.min.js') }}"></script>
<script src="{{ asset('plugins/pdfmake/vfs_fonts.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.print.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.colVis.min.js') }}"></script>
<script src="{{ asset('plugins/sweetalert/sweetalert5.7.min.js') }}"></script>
<script>

    jQuery(function ($) {
//});

//$(function () {
        $("#example1").DataTable({
            "responsive": true, "lengthChange": false, "autoWidth": false,
            "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
        }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');
        $('#example2').DataTable({
            "paging": true,
            "lengthChange": false,
            "searching": false,
            "ordering": true,
            "info": true,
            "autoWidth": false,
            "responsive": true,
        });
    });

//    $(document).on("click", ".advocate_remove", function () {
////s    $('.advocate_remove').click(function(){        
//        var advocate_id = $(this).data('advocate_id');
//        var token = $("meta[name='csrf-token']").attr("content");
//        $.ajax({
//            type: "POST",
//            url: "/admin/advocate_update/" + advocate_id,
//            data: {advocate_id: advocate_id, "_token": token},
//            cache: false,
//            //dataType: "text",
//            success: function (data) {
//                console.log(data);
//
//            }
//        });
//
//    });
    
    
    
        $(document).on("click", ".advocate_view", function () {
            $(".myModal_content").html("");
            //s    $('.advocate_remove').click(function(){        
        var advocate_id = $(this).data('advocate_id');
        var token = $("meta[name='csrf-token']").attr("content");
        $("#modal-xl").modal({backdrop: false});
        $.ajax({
            type: "GET",
            url: "/admin/advocate_view_virtual/" + advocate_id,
            data: {advocate_id: advocate_id, "_token": token},
            cache: false,
            //dataType: "text",
            success: function (data) {
                $(".myModal_content").html(data);
            }
        });

    });
</script>