@extends('admin.layout.master')

@section('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/index_page.css')}}">
@endsection

@section('content')

<div class="content-body">

    <div class="mb-1 d-flex justify-content-between m-0">
        <x-admin.buttons 
            addbutton="{{ route('admin.providers.create') }}" 
            deletebutton="{{ route('admin.providers.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> {{ __('admin.Send_notification') }}</a>
            <a class="btn bg-gradient-info mr-1 mb-1 waves-effect waves-light"  href="{{url(route('admin.master-export', 'Provider'))}}"><i  class="fa fa-file-excel-o"></i>
                {{ __('admin.export') }}</a>
        </x-slot>
        </x-admin.buttons>

        <x-admin.filter 
            datefilter="true" 
            order="true" 
            :searchArray="[
                'category_id' => [
                    'input_type' => 'select' , 
                    'rows'       => $categories , 
                    'input_name' => __('admin.category') , 
                ] ,
                'name' => [
                    'input_type' => 'text' , 
                    'input_name' => __('admin.name') , 
                ] ,
            ]" 
        />
    </div>

    <div class="table_content_append">
    </div>
</div>
{{-- notify users model --}}
<x-admin.NotifyAll route="{{ route('admin.providers.notify') }}" />
{{-- notify users model --}}

@endsection

@section('js')
    <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>
    @include('admin.shared.deleteAll')
    @include('admin.shared.deleteOne')
    @include('admin.shared.filter_js' , [ 'index_route' => route('admin.providers.index')])
    @include('admin.shared.notify')
    <script>
       $(document).ready(function(){
          $(document).on('click','.block_user',function(e){
              e.preventDefault();
              $.ajax({
                  url: '{{route("admin.providers.block")}}',
                  method: 'post',
                  data: { id : $(this).data('id')},
                  dataType:'json',
                  beforeSend: function(){
                      $(this).html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>').attr('disable',true)
                  },
                  success: function(response){
                      Swal.fire({
                                  position: 'top-start',
                                  type: 'success',
                                  title: response.message,
                                  showConfirmButton: false,
                                  timer: 1500,
                                  confirmButtonClass: 'btn btn-primary',
                                  buttonsStyling: false,
                              })
                      setTimeout(function(){
                          getData()
                      }, 1000);
                  },
              });
  
          });
      });
  
        $(document).ready(function(){
            $(document).on('click','.active_user',function(e){
                e.preventDefault();
                $.ajax({
                    url: '{{route("admin.providers.active")}}',
                    method: 'post',
                    data: { id : $(this).data('id')},
                    dataType:'json',
                    beforeSend: function(){
                        $(this).html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>').attr('disable',true)
                    },
                    success: function(response){
                        Swal.fire({
                                    position: 'top-start',
                                    type: 'success',
                                    title: response.message,
                                    showConfirmButton: false,
                                    timer: 1500,
                                    confirmButtonClass: 'btn btn-primary',
                                    buttonsStyling: false,
                                })
                        setTimeout(function(){
                            getData()
                        }, 1000);
                    },
                });
            });
        });
    </script>
    @endsection