@extends('layouts.app')
@section('title', __('master::lang.all_businesses'))

@section('content')
@include('master::layouts.nav')

<section class="content-header">
    <h1 class="tw-text-xl md:tw-text-3xl tw-font-bold tw-text-black">@lang('master::lang.all_businesses')</h1>
</section>

<section class="content">
    <div class="tw-transition-all lg:tw-col-span-1 tw-duration-200 tw-bg-white tw-shadow-sm tw-rounded-xl tw-ring-1 hover:tw-shadow-md tw-ring-gray-200">
        <div class="tw-p-4 sm:tw-p-5">
            <div class="tw-flex tw-justify-end tw-gap-2.5">
                <a class="tw-dw-btn tw-font-bold tw-text-white tw-border-none tw-rounded-2xl pull-right"
                    style="background-color: {{ session('business.theme_color', '#3498db') }}"
                    href="/master/migrate">@lang('Migrate')</a>
                <a class="tw-dw-btn tw-font-bold tw-text-white tw-border-none tw-rounded-2xl pull-right"
                    style="background-color: {{ session('business.theme_color', '#3498db') }}"
                    href="/master/seed">@lang('Seed')</a>
                <a class="tw-dw-btn tw-font-bold tw-text-white tw-border-none tw-rounded-2xl pull-right"
                    style="background-color: {{ session('business.theme_color', '#3498db') }}"
                    href="{{ action([\Modules\Master\Http\Controllers\MasterController::class, 'create']) }}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-plus">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                        <path d="M12 5l0 14"/>
                        <path d="M5 12l14 0"/>
                    </svg> @lang('messages.add')
                </a>
            </div>

            <div class="tw-flow-root tw-mt-5 tw-border-b tw-border-gray-200">
                <div class="tw-mx-4 tw--my-2 tw-overflow-x-auto sm:tw--mx-5">
                    <div class="tw-inline-block tw-min-w-full tw-py-2 tw-align-middle sm:tw-px-5">
                        @can('superadmin')
                        <div class="table-responsive">
                            <table class="table table-bordered table-striped" id="master_business_table">
                                <thead>
                                    <tr>
                                        <th>@lang('master::lang.registered_on')</th>
                                        <th>@lang('business.first_name')</th>
                                        <th>@lang('Sub Domain')</th>
                                        <th>@lang('master::lang.client_name')</th>
                                        <th>@lang('master::lang.client_email')</th>
                                        <th>@lang('master::lang.client_phone')</th>
                                        <th>@lang('master::lang.client_city')</th>
                                        <th>@lang('master::lang.business_type')</th>
                                        <th>@lang('sale.status')</th>
                                        <th>@lang('messages.action')</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                        @endcan
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection

@section('javascript')
<script type="text/javascript">
$(document).ready(function() {
    var master_business_table = $('#master_business_table').DataTable({
        processing: true,
        serverSide: true,
        fixedHeader: false,
        ajax: {
            url: "{{ action([\Modules\Master\Http\Controllers\MasterController::class, 'listOfBusiness']) }}"
        },
        aaSorting: [[0, 'desc']],
        columns: [
            { data: 'created_at', name: 'created_at' },
            { data: 'name', name: 'name' },
            { data: 'sub_domain', name: 'sub_domain' },
            { data: 'client_name', name: 'client.name', defaultContent: '-' },
            { data: 'client_email', name: 'client.email', defaultContent: '-' },
            { data: 'client_phone', name: 'client.phone', defaultContent: '-' },
            { data: 'client_city', name: 'client.city.name', defaultContent: '-' },
            { data: 'business_type', name: 'client.business_type.name', defaultContent: '-' },
            { data: 'status', name: 'status', orderable: true, searchable: false },
            { data: 'action', name: 'action', orderable: false, searchable: false }
        ]
    });

    $(document).on('click', 'a.delete_business_confirmation', function(e) {
        e.preventDefault();
        swal({
            title: LANG.sure,
            text: "Once deleted, you will not be able to recover this business!",
            icon: "warning",
            buttons: true,
            dangerMode: true,
        }).then((confirmed) => {
            if (confirmed) {
                window.location.href = $(this).attr('href');
            }
        });
    });
});
</script>
@endsection