@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 extrabuttons="true" addbutton="{{ route('admin.companies.create') }}"
                deletebutton="{{ route('admin.companies.deleteAll') }}">
                <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', 'Company')) }}"><i class="fa fa-file-excel-o"></i>
                        {{ __('admin.export') }}</a>
                </x-slot>
            </x-admin.buttons>

            <x-admin.filter datefilter="true" order="true" :searchArray="[
                'name' => [
                    'input_type' => 'text',
                    'input_name' => __('admin.name'),
                ],
                'phone' => [
                    'input_type' => 'text',
                    'input_name' => __('admin.phone'),
                ],
                'commercial_register' => [
                    'input_type' => 'text',
                    'input_name' => __('admin.commercial_register'),
                ],
                'tax_number' => [
                    'input_type' => 'text',
                    'input_name' => __('admin.tax_number'),
                ],
            ]" />
        </div>

        <div class="table_content_append">

        </div>
    </div>

    {{-- notify users model --}}
    <x-admin.NotifyAll route="{{ route('admin.companies.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.switchActive')

    {{-- delete all script --}}
    @include('admin.shared.deleteAll')
    {{-- delete all script --}}

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

    {{-- delete one user script --}}
    @include('admin.shared.filter_js', ['index_route' => url('admin/companies')])
    {{-- delete one user script --}}

    @include('admin.shared.notify')

    <script>
        $(document).ready(function() {
            $(document).on('click', '.block_user', function(e) {
                e.preventDefault();
                $.ajax({
                    url: '{{ route('admin.companies.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);
                    },
                });

            });
        });
    </script>
@endsection