@extends('layouts.app')

@section('title', 'Agents | '.config('app.name'))
@section('style')
<!-- Google Font: Source Sans Pro -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
<!-- Font Awesome -->
<link rel="stylesheet" href="{{ url('plugins/fontawesome-free/css/all.min.css') }}">
<!-- DataTables -->
<link rel="stylesheet" href="{{ url('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}">
<link rel="stylesheet" href="{{ url('plugins/datatables-responsive/css/responsive.bootstrap4.min.css') }}">
<link rel="stylesheet" href="{{ url('plugins/datatables-buttons/css/buttons.bootstrap4.min.css') }}">
<!-- Theme style -->
<link rel="stylesheet" href="{{ url('dist/css/adminlte.css') }}">
@endsection
@section('content')
<div class="content articles">
    <div class="row pt-5">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Registered Agents</h3>

                </div>
                <!-- /.card-header -->
                <div class="card-body">
                    <table id="buyerTable" class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>License Number</th>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Phone</th>
                                <th>Email Verified</th>


                                {{-- <th>Actions</th> --}}
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($data as $user)
                            <tr id='row{{$user->id}}'>
                                {{-- @dd($user) --}}
                                <td>{!! $user->license_number ? $user->license_number : '<span class="text-danger">Profile Not Completed</span>' !!}</td>
                                <td>{{$user->name}}</td>
                                <td>{{$user->email}}</td>
                                <td>{{$user->UserDetails ? $user->UserDetails->phone :''}}</td>
                                <td>{!! $user->email_verified_at ? "<i
                                    class='fa fa-check text-green'></i>" : "<i
                                            class='fa fa-times-circle ml-2 text-red'>" !!}</td>


                                {{-- <td>
                                    <a href="/admin/buyer/{{$buyer->id}}/edit"><i
                                            class='fa fa-check text-green'></i></a>
                                    <a href="#!" class="deleteRow" data-id='{{$buyer->id}}'><i
                                            class='fa fa-times-circle ml-2 text-red'></i></a>
                                </td> --}}
                            </tr>

                            @endforeach
                            {{-- <tr id='row1'>
                                <td>1</td>
                                <td>test</td>

                                <td>
                                    <a href="/admin/reviews/{{$review->id}}/edit"><i class='fa fa-edit text-green'></i></a>
                                    <a href="#!"><i class='fa fa-edit text-green'></i></a>
                                    <a href="#!" class="deleteRow" data-id='1'><i
                                            class='fa fa-times-circle ml-2 text-red'></i></a>
                                </td>
                            </tr> --}}
                        </tbody>
                    </table>
                </div>
                <!-- /.card-body -->
            </div>
        </div>
    </div>
</div>


@endsection

@section('script')

<!-- 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>

<script>
$(function () {
    $("#buyerTable").DataTable({
        "bSort":false, "responsive": true, "lengthChange": false, "autoWidth": false,
        "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
    }).buttons().container().appendTo('#buyerTable_wrappers .col-md-6:eq(0)');

});


// $(document).on("click", ".deleteRow", function () {
//     var reviewId = $(this).data('id');
//     var route = '/admin/reviews/' + reviewId;

//     var result = _general.deleteAjax(route, "Are you sure?", "Review will be deleted!", function (response) {
//         if (response) {
//             $("#row" + reviewId).remove();
//         }
//     });
// });
</script>
<script>
    $(document).ready(function () {
        $('#buyerModal').on('hidden.bs.modal', function(e){
            $(this).find('form').trigger('reset');
        });

        $(".buyerForm").submit(function(){
            var fromResult =  $(this).find('#formResult');
            fromResult.removeClass("alert alert-success alert-danger").html('');
            var btn =  $(this).find('#btnSubmit'),
                url = $("meta[name='app-url']").attr("content"),
                imageUrl = url+'/assets/images/loader.gif';
            btn.hide();
            fromResult.html(`<img src="${imageUrl}" alt="fetching details, Please Wait..." />`);
            var formData = new FormData(this);
            _ajax.postFormData(url+"/add-buyer", formData, function(res){
                if(res.success){
                    fromResult.addClass("alert alert-success").html('<span>'+ res.message +' </span>');
                    btn.show();
                }
                else{
                fromResult.removeClass("alert alert-success alert-danger").html('');
                fromResult.addClass("alert alert-danger").html('<span>'+ res.message +' </span>');
                if(res.message === "No Record Found"){

                }else{
                    btn.show();
                }

                }
            })
            });

    });
</script>
<script>
    $(document).on("click", ".deleteRow", function () {
    // var reviewId = $(this).data('id');
    // var route = '/admin/buyer/' + reviewId;

    // var result = _general.deleteAjax(route, "Are you sure?", "Review will be deleted!", function (response) {
    //     if (response) {
    //         $("#row" + reviewId).remove();
    //     }
    // });
});
</script>
@endsection