@extends('layouts.app')

@section('title', __('master::lang.master') . ' | ' . __('master::lang.business_types'))

@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.business_types')
    </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="{{ action([\Modules\Master\Http\Controllers\BusinessTypeController::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">
                        <div class="table-responsive">
                            <table class="table table-bordered table-striped" id="business_types_table">
                                <thead>
                                    <tr>
                                        <th>@lang('master::lang.name')</th>
                                        <th>@lang('master::lang.action')</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>
@endsection


@section('javascript')
<script type="text/javascript">
$(document).ready(function() {
    $('#business_types_table').DataTable({
        processing: true,
        serverSide: true,
        ajax: "{{ action([\Modules\Master\Http\Controllers\BusinessTypeController::class, 'index']) }}",
        columns: [
            { data: 'name', name: 'name' },
            { data: 'action', name: 'action', orderable: false, searchable: false },
        ],
        language: {
            url: '//cdn.datatables.net/plug-ins/1.13.6/i18n/ar.json'
        }
    });

    // تأكيد الحذف
    $(document).on('click', 'button.delete-btn', function(e) {
        e.preventDefault();
        let form = $(this).closest('form');
        swal({
            title: "@lang('messages.are_you_sure')",
            text: "@lang('messages.delete_warning')",
            icon: "warning",
            buttons: true,
            dangerMode: true,
        }).then((confirmed) => {
            if (confirmed) {
                form.submit();
            }
        });
    });
});
</script>
@endsection