@extends('admin.layout.master')

@section('css')
    <link rel="stylesheet" type="text/css"
          href="{{asset('admin/app-assets/css-rtl/plugins/forms/validation/form-validation.css')}}">

    <link rel="stylesheet" type="text/css"
          href="{{ asset('admin/app-assets/vendors/css/extensions/sweetalert2.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{asset('admin/admin_index.css')}}">

@endsection

@section('content')
    {{-- table --}}
    <x-admin.search-table
            datefilter="true"
            order="true"
            extrabuttons="true"
            addbutton="{{ route('admin.clients.create') }}"
            deletebutton="{{ route('admin.clients.deleteAll') }}"
            :searchArray="[
        'name' => [
            'input_type' => 'text' ,
            'input_name' => awtTrans('الاسم') ,
        ],
        'phone' => [
            'input_type' => 'number' ,
            'input_name' => awtTrans('رقم الجوال') ,
        ] ,




    ]"
    >


        <x-slot name="extrabuttonsdiv">
            <a type="button" data-toggle="modal" data-target="#notify"
               class="btn bg-gradient-info mr-1 mb-1 waves-effect waves-light notify"
               data-id="all"><i class="feather icon-bell"></i> {{ awtTrans('ارسال اشعار') }}</a>

        </x-slot>

        <x-slot name="tableContent">
            <div class="table_content_append">

            </div>
        </x-slot>
    </x-admin.search-table>
    {{-- #table --}}

    {{-- notify users model --}}
    <x-admin.NotifyAll route="{{ route('admin.clients.notify') }}"/>
    {{-- notify users model --}}

@endsection


@section('js')

    <script src="{{asset('admin/app-assets/vendors/js/forms/validation/jqBootstrapValidation.js')}}"></script>
    <script src="{{asset('admin/app-assets/js/scripts/forms/validation/form-validation.js')}}"></script>
    <script src="{{asset('admin/app-assets/vendors/js/extensions/sweetalert2.all.min.js')}}"></script>
    <script src="{{asset('admin/app-assets/js/scripts/extensions/sweet-alerts.js')}}"></script>

    <script>
        $('#min').datepicker(
            {
                dateFormat: "yy-mm-dd",
                changeMonth: true,
                numberOfMonths: 1,
                changeYear: true,
                onSelect: function (selectedDate, inst) {
                    var minDate = new Date(Date.parse(selectedDate));
                    minDate.setDate(minDate.getDate() + 1);
                    $("#max").datepicker("option", "minDate", minDate);
                    dataListView.draw();
                }


            });
    </script>
    {{-- delete all script --}}
    @include('admin.shared.deleteAll')
    {{-- delete all script --}}

    {{-- delete one user script --}}
    @include('admin.shared.deleteOne')
    {{-- delete one user script --}}

    {{-- notify one user or all user script --}}
    @include('admin.shared.notify')
    {{-- notify one user or all user script --}}
    @include('admin.shared.filter_js' , [ 'index_route' => isset($url) ? url($url):url('admin/clients')])





@endsection