@extends('adminlte::master')

@inject('layoutHelper', 'JeroenNoten\LaravelAdminLte\Helpers\LayoutHelper')

@section('adminlte_css')

<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.15/css/dataTables.bootstrap4.min.css"/>
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/buttons/1.3.1/css/buttons.bootstrap4.min.css"/>
    <link rel="stylesheet" href="{{ asset('vendor/datatables-plugins/responsive/css/responsive.bootstrap4.min.css') }}" />

    <link href="{{ asset('vendor/datatables/css/dataTables.bootstrap4.min.css') }}" rel="stylesheet"/>
    <link href="{{ asset('vendor/toastr/toastr.min.css') }}" rel="stylesheet"/>
    <link rel="stylesheet" href="{{ asset('vendor/custom.css?v=1.2') }}">
    <link rel="stylesheet" href="{{ asset('vendor/daterangepicker/daterangepicker.css') }}" />

    @stack('css')
    @yield('css')
@stop

@section('classes_body', $layoutHelper->makeBodyClasses())

@section('body_data', $layoutHelper->makeBodyData())

@section('body')
    <div class="wrapper">

        {{-- Top Navbar --}}
        @if($layoutHelper->isLayoutTopnavEnabled())
            @include('adminlte::partials.navbar.navbar-layout-topnav')
        @else
            @include('adminlte::partials.navbar.navbar')
        @endif

        {{-- Left Main Sidebar --}}
        @if(!$layoutHelper->isLayoutTopnavEnabled())
            @include('adminlte::partials.sidebar.left-sidebar')
        @endif

        {{-- Content Wrapper --}}
        @empty($iFrameEnabled)
            @include('adminlte::partials.cwrapper.cwrapper-default')
        @else
            @include('adminlte::partials.cwrapper.cwrapper-iframe')
        @endempty

        {{-- Footer --}}
        @hasSection('footer')
            @include('adminlte::partials.footer.footer')
        @endif

        {{-- Right Control Sidebar --}}
        @if(config('adminlte.right_sidebar'))
            @include('adminlte::partials.sidebar.right-sidebar')
        @endif

        {{-- Common modal for the delete confirmation --}}
        <div class="modal fade delete-modal" id="delete-modal">
            <div class="modal-dialog delete-modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Delete <span class="delete_type"></span></h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <p>Are you sure you want to delete this <span class="delete_type"></span>?</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                        <button type="button" class="btn btn-danger" id="delete-item">Delete</button>
                    </div>
                </div>
            </div>
        </div>

        {{-- Modal for Deals Approval / Rejection --}}
        <div class="modal fade" id="change-status-modal">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Approve Deal</span></h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <p>Are you sure you want to Approve this Deal?</p>
                        <div id="recipet__image">

                        </div>
                    </div>
                    <div class="modal-footer" style="justify-content: space-around;">
                        {{-- 0 = Pending; 1 = Approve; 2 = Reject --}}
                        <button type="button" class="btn btn-danger lmg__deal-change-status-btn" data-type="2" style="width: 45%">Reject</button>
                        <button type="button" class="btn btn-success lmg__deal-change-status-btn"  data-type="1" style="width: 45%">Approve</button>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal fade" id="change-status-modal1">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">View Reciept</span></h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        {{-- <p>Are you sure you want to Approve this Deal?</p> --}}
                        <div id="recipet__image">

                        </div>
                    </div>
                    {{-- <div class="modal-footer" style="justify-content: space-around;"> --}}
                        {{-- 0 = Pending; 1 = Approve; 2 = Reject --}}
                        {{-- <button type="button" class="btn btn-danger lmg__deal-change-status-btn" data-type="2" style="width: 45%">Reject</button> --}}
                        {{-- <button type="button" class="btn btn-success lmg__deal-change-status-btn"  data-type="1" style="width: 45%">Approve</button> --}}
                    {{-- </div> --}}
                </div>
            </div>
        </div>

        <div class="modal fade" id="reject-reason-modal">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Reject Reason</span></h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" id="close_spinner">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <input type="hidden" id="reject_lead_id">
                        <div class="form-group">
                            <label for="">Enter Rejection Title</label>
                            <input type="text" class="form-control" id="reject_title">
                        </div>

                        <div class="form-group">
                            <label for="">Enter Reject Reason</label>
                            <textarea class="form-control"  cols="30" rows="5" id="reject_reason"></textarea>
                        </div>

                    </div>
                    <div class="modal-footer" style="justify-content: space-around;">
                        {{-- 0 = Pending; 1 = Approve; 2 = Reject --}}
                        <button type="button" class="btn btn-danger reject__listing"  style="width: 45%">Reject
                            <span class="spinner-border spinner-border-sm ml-1 d-none" role="status" aria-hidden="true"></span>
                        </button>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal fade" id="change-review-status-modal">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Approve Review</span></h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <p>Are you sure you want to Approve this Review?</p>
                    </div>
                    <div class="modal-footer" style="justify-content: space-around;">
                        {{-- 0 = Pending; 1 = Approve; 2 = Reject --}}
                        <button type="button" class="btn btn-danger lmg__review-chang-status-btn" data-type="2" style="width: 45%">Reject</button>
                        <button type="button" class="btn btn-success lmg__review-chang-status-btn"  data-type="1" style="width: 45%">Approve</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('adminlte_js')

    <script type="text/javascript" src="//cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="//cdn.datatables.net/1.10.15/js/dataTables.bootstrap4.min.js"></script>
    <script type="text/javascript" src="//cdn.datatables.net/buttons/1.3.1/js/dataTables.buttons.min.js"></script>
    <script type="text/javascript" src="//cdn.datatables.net/buttons/1.3.1/js/buttons.bootstrap4.min.js"></script>

    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script type="text/javascript" src="//cdn.rawgit.com/bpampuch/pdfmake/0.1.27/build/pdfmake.min.js"></script>
    <script type="text/javascript" src="//cdn.rawgit.com/bpampuch/pdfmake/0.1.27/build/vfs_fonts.js"></script>
    <script type="text/javascript" src="//cdn.datatables.net/buttons/1.3.1/js/buttons.html5.min.js"></script>
    <script src="{{ asset('vendor/toastr/toastr.min.js') }}"></script>
    <script src="{{ asset('vendor/chart.js/Chart.bundle.min.js') }}" ></script>
    <script src="{{ asset('vendor/moment/moment.min.js') }}"></script>
    <script src="{{ asset('vendor/daterangepicker/daterangepicker.js') }}"></script>
    <script src="//cdn.ckeditor.com/4.14.0/standard/ckeditor.js"></script>

    @if (Session::has('success'))
        <script>
            toastr.success('{{ Session::get("success") }}')
        </script>
    @endif

    @if (Session::has('error'))
        <script>
            toastr.error('{{ Session::get("error") }}')
        </script>
    @endif
    {{-- <script type="text/javascript">
        $(document).ready(function() {
         //  $('.ckeditor').ckeditor();
        });
    </script> --}}
    <script>
        let delete_item_url;
        let deals_update_status_id;
        let deals_update_status_url;
        let DTable;

        /* Open modal on click delete button */
        $(document).on('click', '.delete-item-btn', function (e) {
            e.preventDefault();
            delete_item_url = $(this).attr('href');
            type = $(this).attr('data-type');
            $('#delete-modal').find('.delete_type').html(type);
            if($(this).attr('data-description')) {
                $('#delete-modal').find('.modal-body .delete_type').html($(this).attr('data-description'));
            }
            $('#delete-modal').modal('show');
        });


        /* Make ajax call for the delete items */
        $(document).on('click', '#delete-item', function (e) {
            e.preventDefault();
            $('#delete-modal').modal('hide');
            if (delete_item_url && delete_item_url != '' && delete_item_url != null) {
                $.ajax({
                    url: delete_item_url,
                    method: 'DELETE',
                    data: { '_token': '{{ csrf_token() }}' },
                    success: function (res) {
                        toastr.success(res.message)
                        delete_item_url = '';
                        if (DTable) {
                            DTable.ajax.reload();
                        } else {
                            window.location.reload();
                        }
                    }, error: function (error) {
                        toastr.error(error.responseJSON.message)
                        delete_item_url = '';
                    }
                });
            }
        });

        $(document).on('click', '.lmg__change-list-status', function (e) {
            e.preventDefault();
            deals_update_status_id = $(this).attr('data-id');
            deals_update_status_url = $(this).attr('data-url');

            if($(this).data("recipet-img") && $(this).data("recipet-img") != "") {
                $("#change-status-modal").find(".modal-body #recipet__image").html('');

                $("#change-status-modal").find(".modal-body #recipet__image").append(`
                    <img src = "${$(this).data('recipet-img')}" width="100%">
                `)
            } else {
                $("#change-status-modal").find(".modal-body #recipet__image").html('')
            }

            $('#change-status-modal').modal('show');
        });

        $(document).on('click', '.lmg__change-list-status1', function (e) {
            e.preventDefault();
            // deals_update_status_id = $(this).attr('data-id');
            // deals_update_status_url = $(this).attr('data-url');

            if($(this).data("recipet-img") && $(this).data("recipet-img") != "") {
                $("#change-status-modal1").find(".modal-body #recipet__image").html('');

                $("#change-status-modal1").find(".modal-body #recipet__image").append(`
                    <img src = "${$(this).data('recipet-img')}" width="100%">
                `)
            } else {
                $("#change-status-modal1").find(".modal-body #recipet__image").html('')
            }

            $('#change-status-modal1').modal('show');
        });

        $(document).on('click', '.lmg__change-review-status', function (e) {
            e.preventDefault();
            review_update_status_id = $(this).attr('data-id');
            review_update_status_url = $(this).attr('data-url');
            $('#change-review-status-modal').modal('show');
        });

        $(document).on('click', '.lmg__deal-change-status-btn', function (e) {
            e.preventDefault();
            var type = $(this).attr('data-type');
            $('#change-status-modal').modal('hide');
            if ((deals_update_status_url && deals_update_status_url != '' && deals_update_status_url != null)
                && (deals_update_status_id && deals_update_status_id != '' && deals_update_status_id != null)
                && (type && type != '' && type != null)) {
                if(type == 1) {
                    $.ajax({
                        url: deals_update_status_url,
                        method: 'POST',
                        data: {
                            '_token': '{{ csrf_token() }}',
                            'id' : deals_update_status_id,
                            'status' : type
                        },
                        success: function (res) {
                            toastr.success(res.message)
                            if (DTable) {
                                DTable.ajax.reload();
                            } else {
                                window.location.reload();
                            }
                        }, error: function (error) {
                            toastr.error(error.responseJSON.message);
                        }, complete: function (res) {
                            deals_update_status_id = '';
                            deals_update_status_url = '';
                        }
                    });
                } else if (type == 2) {
                    $("#reject-reason-modal").modal('show');
                    $("#reject_lead_id").val(deals_update_status_id);

                }
            } else {
                deals_update_status_url = '';
                toastr.error('Something Went Wrong');
            }
        });

        $(document).on('click', '.lmg__review-chang-status-btn', function (e) {
            e.preventDefault();
            var type = $(this).attr('data-type');
            $('#change-review-status-modal').modal('hide');
            if ((review_update_status_url && review_update_status_url != '' && review_update_status_url != null)
                && (review_update_status_id && review_update_status_id != '' && review_update_status_id != null)
                && (type && type != '' && type != null)) {
                $.ajax({
                    url: review_update_status_url,
                    method: 'POST',
                    data: {
                        '_token': '{{ csrf_token() }}',
                        'status' : type
                    },
                    success: function (res) {
                        toastr.success(res.message)
                        if (DTable) {
                            DTable.ajax.reload();
                        } else {
                            window.location.reload();
                        }
                    }, error: function (error) {
                        toastr.error(error.responseJSON.message);
                    }, complete: function (res) {
                        review_update_status_id = '';
                        review_update_status_url = '';
                    }
                });
            } else {
                review_update_status_url = '';
                toastr.error('Something Went Wrong');
            }
        });

        $(document).on('click', '.reject__listing', function(e) {
            $(this).find(".spinner-border").removeClass("d-none");
            $.ajax({
                url: "{{ route('admin.deals.reject')}}",
                method: 'POST',
                data: {
                    '_token': '{{ csrf_token() }}',
                    'id' : $('#reject_lead_id').val(),
                    'reject_title' : $('#reject_title').val(),
                    'reject_reason' : $('#reject_reason').val(),
                    'status' : 2
                },
                success: function (res) {
                    toastr.success(res.message)
                            if (DTable) {
                                DTable.ajax.reload();
                            } else {
                                window.location.reload();
                            }
                    $(this).find(".spinner-border").addClass("d-none");
                    $("#reject-reason-modal").modal('hide');

                }, error: function (error) {
                    toastr.error(error.responseJSON.message);
                    if(error.responseJSON.errors) {
                        toastr.error(error.responseJSON.errors[Object.keys(error.responseJSON.errors)[0]]);
                    }
                }, complete: function (res) {
                    deals_update_status_id = '';
                    deals_update_status_url = '';
                    $(this).find(".spinner-border").addClass("d-none");

                }
            });
        });

        $('#change-status-modal').on('hidden.bs.modal', function () {
            deals_update_status_id = '';
            deals_update_status_url = '';
        });

        $('#close_spinner').on('click', function () {
            $(".spinner-border").addClass("d-none");
        });
    </script>

    @stack('js')
    @yield('js')
@stop