@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>
      <th>{{ awtTrans('رقم الجوال') }}</th>
      @if ($status  == 'all' || $status  == 'pending')
      <th>{{ awtTrans('قبول/رفض') }}</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="{{ $row->avatar_path }}" width="50px" height="50px" alt="">
          </td>


          <td>{{ $row->name }}</td>
          <td>{{ $row->email }}</td>
          <td>{{ $row->phone }}</td>
          @if ($status  == 'all' || $status  == 'pending')
            <td class="accept_td text-center">
              @if ($row->approve == 'pending')
                <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>
              @elseif($row->approve == 'accept')
                <i class="fa fa-check text-success" style="font-size: 25px"></i>
              @else
                <i class="fa fa-times text-danger" style="font-size: 25px"></i>
              @endif
            </td>
          @endif
          <td class="accept_div_show_{{$row->id}}">
            @if ($row->approve == 'accept')
              <span class="btn btn-sm round btn-outline-success">
                {{ awtTrans('مقبول') }} <i class="la la-close font-medium-2"></i>
              </span>
            @elseif ($row->approve == 'pending')
              <span class="btn btn-sm round btn-outline-info">
                {{ 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 data-toggle="modal" data-target="#notify" class="text-info notify"
                  data-id="{{ $row->id }}"
                  data-url="{{ url('admins/companies/notify') }}"><i
                 class="feather icon-bell"></i></span>
            <span data-toggle="modal" data-target="#mail" class="text-info mail"
                  data-id="{{ $row->id }}"
                  data-url="{{ url('admins/companies/notify') }}"><i
                 class="feather icon-mail"></i></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/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/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