@extends('layouts.main_admin')

@section('content')

    <div class="page-body">
        <div class="container-fluid">
            <div class="page-title">
                <div class="row">
                    <div class="col-6">
                        <h3>@lang('site.deposits')</h3>
                    </div>
                    <div class="col-6">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                         fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                         stroke-linejoin="round" class="feather feather-home">
                                        <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
                                        <polyline points="9 22 9 12 15 12 15 22"></polyline>
                                    </svg>
                                </a></li>
                            <li class="breadcrumb-item">@lang('site.dashboard')</li>
                            <li class="breadcrumb-item active">@lang('site.deposits')</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        @php $current_route=Route::current()->parameters()['type'];
            $pay_route=Route::current()->parameters()['pay'];
        @endphp
        <!-- Container-fluid starts-->
            <div class="container-fluid">
                <div class="email-wrap bookmark-wrap email-wrapp">
                    <div class="row">
                        <div class="col-12">
                            <div class="email-left-aside">
                                <div class="card mb-0">
                                    <div class="card-body">
                                        <div class="email-app-sidebar  task-sidebar">
                                            <!-- <div class="media">
                                                <div class="media-body">
                                                    <h6 class="f-w-600">@lang('site.commissions') </h6>
                                                </div>
                                            </div> -->

                                            <!-- <hr> -->
                                            <ul class="nav main-menu" role="tablist">

                                                
                                                <li ><a 
                                                       href="{{route('dashboard.deposits',['aqar','unpaid'])}}"  class="{{$current_route=='aqar'?'activee': ''}}"
                                                      ><span
                                                            class=" title btn btn-light" style="font-size:20px;" > @lang('site.aqars')</span></a></li>

                                                <li ><a
                                                        href="{{route('dashboard.deposits',['car','unpaid'])}}" class="{{$current_route=='car'?'activee': ''}}"
                                                ><span
                                                        class=" title btn btn-light" style="font-size:20px;" >@lang('site.cars')</span></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 box-col-12">
                            <div class="email-right-aside bookmark-tabcontent">
                                <div class="card email-body radius-left">
                                    <div class="ps-0">
                                        <div class="tab-content">
                                            <div class="tab-pane fade active show" id="pills-created" role="tabpanel"
                                                 aria-labelledby="pills-created-tab">

                                                <div class="card mb-0">

                                                    <div class="card-body pt-0">
                                                        <div class="card-header d-flex p-0 pb-3">
                                                            <h5 class="mb-0">{{$current_route=='aqar'?trans('site.aqars'): trans('site.cars')}}  </h5>
                                                        </div>
                                                        
                                                        <a href="{{route('dashboard.deposits',[$current_route,'unpaid'])}}" type="button" class="btn btn-outline-primary btn-recieve {{$pay_route=='unpaid'?'active': ''}}"  >عربون بانتظار التسليم({{$count}})</a>

                                                        <a href="{{route('dashboard.deposits',[$current_route,'paid'])}}" type="button" class="btn btn-outline-primary btn-recieve {{$pay_route=='paid'?'active': ''}}"  > عربون مسلم ({{$count1}})</a>
                                                        
                                                        <div class="dt-ext table-responsive">
                                                            <table class="display">
                                                                {!! $dataTable->table([], true) !!}

                                                            </table>

                                                        </div>
                                                      
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>                                       
                            </div>
                        </div>
                    </div>
                </div>
            </div>
</div>
@endsection
@section('scripts')
    <!-- <script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script> -->


    <script>
        $(document).ready(function () {
            // $(".alert").delay(5000).slideUp(300);
            $(".alert").slideDown(300).delay(5000).slideUp(300);
        });
        setTimeout(function () {
            $('.alert-box').remove();
        }, 30000);
    </script>
    <br>



    <script src="{{MAINDASHBOARD}}/datatables/buttons.server-side.js"></script>




    {!! $dataTable->scripts() !!}

    <script>
        /*function confirmDelete($id) {
            console.log("Tapped Delete button")
            var that = document.getElementById("deleteForm" + $id);
            var n = new Noty({
                text: "@lang('site.confirm_delete')",
                type: "error",
                killer: true,
                buttons: [
                    Noty.button("@lang('site.yes')", 'btn btn-success mr-2', function () {
                        that.submit();
                    }),
                    Noty.button("@lang('site.no')", 'btn btn-primary mr-2', function () {
                        n.close();
                    })
                ]
            });
            n.show();
        }*/
        function confirmDelete($id) {
            console.log("Tapped Delete button")
            var that = document.getElementById("deleteForm" + $id);
           
            Swal.fire({
              title: "@lang('site.confirm_delete')",
              text: "@lang('site.confirm_sure')",
            /*               icon: "warning",
            */             
              width: 600,
                padding: "3em",
                color: "#716add",
              showCancelButton: true,
              confirmButtonColor: "#3085d6",
              cancelButtonColor: "#d33",
              confirmButtonText: "@lang('site.yes')",
              cancelButtonText: "@lang('site.no')"

            }).then((result) => {
              if (result.isConfirmed) {
                that.submit();
              }
            });

        }

        $(document).ready(function () {

            $("#deleteForm").on('click', "#delete", function (e) {

                console.log("Tapped Delete button")
                var that = $(this)
                e.preventDefault();
                var n = new Noty({
                    text: "@lang('site.confirm_delete')",
                    type: "error",
                    killer: true,
                    buttons: [
                        Noty.button("@lang('site.yes')", 'btn btn-success mr-2', function () {
                            that.closest('form').submit();
                        }),
                        Noty.button("@lang('site.no')", 'btn btn-primary mr-2', function () {
                            n.close();
                        })
                    ]
                });
                n.show();

            });


        });
    </script>

@endsection