@extends('admin.layout.master')

@section('css')
    <link rel="stylesheet" type="text/css"
          href="{{ asset('admin/app-assets/vendors/css/tables/datatable/datatables.min.css') }}">
    <link rel="stylesheet" type="text/css"
          href="{{ asset('admin/app-assets/vendors/css/tables/datatable/extensions/dataTables.checkboxes.css') }}">
    <link rel="stylesheet" type="text/css"
          href="{{ asset('admin/app-assets/css-rtl/pages/data-list-view.css') }}">
    <link rel="stylesheet" type="text/css"
          href="{{ asset('admin/app-assets/css-rtl/core/colors/palette-gradient.css') }}">
    <link rel="stylesheet" type="text/css"
          href="{{ asset('admin/app-assets/vendors/css/extensions/sweetalert2.min.css') }}">
@endsection

@section('content')
    {{-- table --}}
    <x-admin.table filter="true" >

        <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>
            <a type="button" data-toggle="modal" data-target="#mail"
               class="btn bg-gradient-success mr-1 mb-1 waves-effect waves-light mail"
               data-id="all"><i class="feather icon-mail"></i> {{ awtTrans('ارسال ايميل') }}</a>
        </x-slot>
        <x-slot name="tableHead">
            <th>
                <label class="container-checkbox">
                    <input type="checkbox" value="value1" name="name1" id="checkedAll">
                    <span class="checkmark"></span>
                </label>
            </th>
            <th>{{ awtTrans('التاريخ') }}</th>
            <th>{{ awtTrans('صورة الشركة') }}</th>
            <th>{{ awtTrans('الاسم') }}</th>
            <th>{{ awtTrans('البريد الالكتروني') }}</th>
            <th>{{ awtTrans('رقم الجوال') }}</th>
            <th>{{ awtTrans('نوع التعديل') }}</th>
            <th>{{ awtTrans('قبول/رفض') }}</th>
            <th>{{ awtTrans('التحكم') }}</th>
        </x-slot>
        <x-slot name="tableBody">
            @foreach ($rows as $row)
                <tr class="delete_row">
                    <td class="text-center">
                        <label class="container-checkbox">
                            <input type="checkbox" class="checkSingle" id="{{ $row->id }}">
                            <span class="checkmark"></span>
                        </label>
                    </td>
                    <td>{{ \Carbon\Carbon::parse($row->created_at)->format('d/m/Y') }}</td>
                    <td>
                        <img src="{{ $row->avatar_path }}" width="50px" height="50px" alt="">
                    </td>
                    <td>{{ $row->name ?? '-'}}</td>
                    <td>{{ $row->email ?? '-'}}</td>
                    <td>{{ $row->phone ?? '-'}}</td>
                    <td>{{ $row->type }}</td>
                    <td class="accept_td text-center">
                        <i class="feather icon-check text-primary accept_company" style="font-size: 25px" data-status="accept" data-id="{{$row->id}}"></i>
                        <i class="feather icon-x text-danger accept_company" data-status="refused" style="font-size: 25px" data-id="{{$row->id}}" ></i>
                    </td>
                    <td class="product-action">
            <span class="text-primary"><a
                        href="{{ route('admin.companies.show', ['id' => $row->id,'type'=>'company_update']) }}"><i
                            class="feather icon-eye"></i></a></span>
                    </td>
                </tr>
            @endforeach
        </x-slot>
    </x-admin.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/tables/datatable/datatables.min.js') }}">
    </script>
    <script
            src="{{ asset('admin/app-assets/vendors/js/tables/datatable/datatables.bootstrap4.min.js') }}">
    </script>
    {{--  <script src="{{ asset('admin/app-assets/js/scripts/ui/data-list-view.js') }}"></script>--}}
    <script src="{{asset('admin/datatable_custom.js')}}"></script>
    <script src="{{asset('admin/search.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>

    @if ($status  == 'all' || $status  == 'pending')
        <script>
            var status = '{{$status}}'
            $(document).on('click' , '.accept_company', function (e) {
                // e.preventDefault()
                $.ajax({
                    type: "post",
                    url: "{{url('admin/companies_update/accept-refuse')}}",
                    data: {status : $(this).data('status') , id : $(this).data('id')},
                    dataType: "json",
                    success:  (response) =>  {
                        if (response.status == 'refused') {
                            toastr.error(response.message)
                        }else{
                            toastr.success(response.message)
                        }
                        if (status != 'all') {
                            $(this).parent().parent().remove()
                        }else{
                            if (response.status == 'refused') {
                                $('.accept_div_show_'+$(this).data('id')).html(`<span class="btn btn-sm round btn-outline-danger">
                {{ awtTrans('غير مقبول') }} <i class="la la-check font-medium-2"></i>
              </span>`)
                            }else{
                                $('.accept_div_show_'+$(this).data('id')).html(`<span class="btn btn-sm round btn-outline-success">
                {{ awtTrans('مقبول') }} <i class="la la-close font-medium-2"></i>
              </span>`)
                            }
                        }
                        $(this).parent().html('--')
                        setTimeout(() => {
                            location.reload();
                        }, 500);
                    }
                });
            });
        </script>
    @endif

    {{-- 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 --}}

@endsection