@php
    $layout = match ($module) {
        'rentals' => 'tenant.rentals.rentals-tabs',
        'accounting' => 'tenant.accounting.accounting-tabs',
        'warehouses' => 'tenant.warehouses.warehouses-tabs',
        'pos' => 'tenant.pos.pos-tabs',
        default => 'tenant.accounting.accounting-tabs',
    };
    $activeTab = 'branches';
@endphp

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            $module == 'pos' ?  __('breadcrumb.point_of_sale') : __('breadcrumb.warehouses') => '/warehouses/branches',
            __('breadcrumb.branches') => '#',
        ],
    ])
@endsection

@extends($layout)

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => ($module == 'pos' ? 'pos.branches' : 'warehouses.branches')])
@endsection

@section('content-field')
    <div>
        <div class="d-flex justify-content-between">
            <h4> @lang('warehouses/branches/index.warehouses')</h4>
            @can('warehouses-branches-add')
                <a href="{{ route('tenant.' . $module . '.branches.create') }}" class="btn orange-btn btn-sm"
                    title="{{__('general.add_new')}}">
                    <i class="fas fa-plus-circle"></i>  @lang('warehouses/branches/index.add_warehouse')
                </a>
            @endcan
        </div>

        <div>
            <table class="table table-striped mt-3">
                <thead>
                    <tr>
                        <th class="xs-td">#</th>
                        <th class="md-td">@lang('warehouses/branches/index.warehouse_name') </th>
                        <th class="md-td">@lang('warehouses/branches/index.warehouse_type')</th>
                        <th class="md-td">@lang('warehouses/branches/index.responsible_name')</th>
                        <th class="xs-td">@lang('warehouses/branches/index.monthly_purchase_limit')</th>
                        <th class="sm-td">@lang('warehouses/branches/index.status')</th>
                        <th class="sm-td">@lang('warehouses/branches/index.default')</th>
                        <th class="sm-td">@lang('general.procedures')</th>
                    </tr>
                </thead>

                <tbody>
                    @forelse ($branches as $branch)
                        <tr>
                            <td class="xs-td eye-button">
                                <a href="{{ route('tenant.' . $module . '.branches.show', ['branch' => $branch->id]) }}"
                                    class="btn" title="{{__('general.show')}}">
                                    <i class="dsip fas fa-eye mx-2"></i>
                                    {{ $loop->iteration }}
                                </a>
                            </td>
                            <td class="md-td">{{ $branch->name }}</td>
                            <td class="md-td">{{ $branch->branch_type->name ?? '' }}</td>
                            <td class="md-td">{{ $branch->responsible_name }}</td>
                            <td class="xs-td">{{ $branch->maximum_purchase_monthly ?? '---' }}</td>
                            <td class="sm-td">
                                <span class="status-badge {{ $branch->status ? 'green-status' : 'red-status' }}">
                                    {{ $branch->status ? 'فعّال' : 'غير فعّال' }}
                                </span>
                            </td>
                            <td class="sm-td">
                                <div class="form-check form-switch">
                                    <form
                                        action="{{ route('tenant.' . $module . '.branches.change-status', ['id' => $branch->id]) }}"
                                        method="post">
                                        @csrf
                                        <input type="checkbox" class="custom-checkbox changeDefaultBranch" name="is_default"
                                            value="1" id="statusSwitch{{ $loop->index }}"
                                            {{ $branch->is_default == 1 ? 'checked' : '' }}>
                                    </form>
                                </div>
                            </td>
                            <td class="sm-td">
                                <x-operations-btn>
                                    <li>
                                        <a href="{{ route('tenant.' . $module . '.branches.show', ['branch' => $branch->id]) }}"
                                            class="btn" title="{{__('general.show')}}">
                                            <i class="fas fa-eye"></i> @lang('warehouses/branches/index.view')
                                        </a>
                                    </li>

                                    <li>
                                        <form onsubmit="handleSubmit(event)"
                                            action="{{ route('tenant.' . $module . '.branches.toggle-activation', ['branch' => $branch->id]) }}"
                                            method="post">
                                            @csrf

                                            <button class="btn">
                                                @if ($branch->status)
                                                    <i class="fas fa-pause-circle"></i> @lang('warehouses/branches/index.deactivate')
                                                @else
                                                    <i class="fas fa-circle"></i> @lang('warehouses/branches/index.activate')
                                                @endif
                                            </button>
                                        </form>
                                    </li>

                                    @can($module . '-branches-edit')
                                        <li>
                                            <a href="{{ route('tenant.' . $module . '.branches.edit', ['branch' => $branch->id]) }}"
                                                class="btn ms-3" title="{{__('general.edit')}}">
                                                <i class="fas fa-edit"></i> @lang('general.edit')
                                            </a>
                                        </li>
                                    @endcan

                                    @can($module . '-branches-delete')
                                        <li>
                                            <form
                                                action="{{ route('tenant.' . $module . '.branches.destroy', ['branch' => $branch->id]) }}"
                                                method="POST" class=" ms-3">
                                                @csrf
                                                @method('delete')
                                                <button type="button" class="btn confirm-delete" title="{{__('general.delete')}}">
                                                    <i class="fas fa-trash-alt"></i> @lang('general.delete')
                                                </button>
                                            </form>
                                        </li>
                                    @endcan
                                </x-operations-btn>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="9">@lang('warehouses/branches/index.no_warehouses_yet')</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection

@push('script')
    <script>
        $(() => {
            $('body').on('change', '.changeDefaultBranch', function(e) {
                setTimeout(() => {
                    $(this).closest('form').trigger('submit');
                }, 0);
            });

            $('body').on('click', '.confirm-delete', function(e) {
                $.confirm({
                    title: $lang('warehouses.branches.index.confirm_delete_warehouse'),
                    content: $lang('warehouses.branches.index.permanent_deletion_warning'),
                    type: 'red',
                    buttons: {
                        ok: {
                            text:  $lang('general.yes'),
                            btnClass: 'btn orange-btn',
                            keys: ['enter'],
                            action: () => {
                                $(this).closest('form').submit();
                            }
                        },
                        cancel: {
                            text: $lang('general.cancel'),
                            btnClass: 'btn-default',
                            keys: ['esc']
                        }
                    }
                });
            });
        });
    </script>
@endpush