@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" addbutton="{{ route('admin.companies.create') }}"
                 deletebutton="{{ route('admin.clients.deleteAll') }}" extrabuttons="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>

      @if ($status  == 'all' || $status  == 'pending')
        <th>*</th>
      @endif

      <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="{{ asset('assets/uploads/stores/'.$row->icon) }}" width="50px" height="50px" alt=""></td>
          <td>{{ $row->name }}</td>
          <td>{{ $row->user ? $row->user->phone : '--' }}</td>

          @if ($status  == 'all' || $status  == 'pending')
            <td class="accept_td">
              @if ($row->user && $row->user->approve == 'pending')
                <i class="feather icon-check text-primary accept_company" data-status="accept" data-id="{{$row->id}}"></i>
                <i class="feather icon-x text-danger accept_company" data-status="refused" data-id="{{$row->id}}" ></i>
              @else
                --
              @endif
            </td>
          @endif
          <td class="accept_div_show_{{$row->id}}">
            @if ($row->user &&  $row->user->approve == 'accept')
              <span class="btn btn-sm round btn-outline-success">
                {{ awtTrans('مقبول') }} <i class="la la-close font-medium-2"></i>
              </span>
            @elseif ($row->user && $row->user->approve == 'pending')
              <span class="btn btn-sm round btn-outline-success">
                {{ awtTrans('بانتظار القبول') }} <i class="la la-close font-medium-2"></i>
              </span>
            @elseif (!$row->user)
              <span class="btn btn-sm round btn-outline-success">
                {{ awtTrans('لايحتوي علي مستخدم') }} <i class="la la-close font-medium-2"></i>
              </span>
            @else
              <span class="btn btn-sm round btn-outline-danger">
                {{ awtTrans('غير مقبول') }} <i class="la la-check font-medium-2"></i>
              </span>
            @endif
          </td>

          <td class="product-action">
            <span class="text-primary"><a
                 href="{{ route('admin.companies.show', ['id' => $row->id]) }}"><i
                   class="feather icon-eye"></i></a></span>
            <span class="action-edit text-primary"><a
                 href="{{ route('admin.companies.edit', ['id' => $row->id]) }}"><i
                   class="feather icon-edit"></i></a></span>
            <span class="delete-row text-danger"
                  data-url="{{ url('admin/companies/' . $row->id) }}"><i
                 class="feather icon-trash"></i></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/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/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('--')
          }
        });
      });
    </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