@extends('admin.layouts.index')

@section('content')
    <ul class="nav nav-tabs">
        <li class="nav-item"><a class="nav-link {{ current_tab('#branches') }}" data-toggle="tab" href="#branches">@lang('global.branches')</a></li>
    </ul>

    <div class="tab-content pb-0">
        <div class="tab-pane fade {{ current_tab('#branches') }}" id="branches" role="tabpanel">
            <x-dashboard.form.form :action="route('admin.malls.branches_services', ['mall' => $mall->id])" method="PATCH" class="tab-content">
                <div class="table-responsive">
                    <table class="table table-striped table-bordered dt">
                        <thead>
                            <tr>
                                <th class="w-200px">@lang('validation.attributes.title') </th>
                                <th class="w-300px">@lang('validation.attributes.services') </th>
                                <th class="w-200px">@lang('validation.attributes.is_otp_active') </th>
                                <th class="w-300px">@lang('validation.attributes.delivery_fees') </th>
                                <th class="w-300px">@lang('validation.attributes.delivery_increase_price_percentage') </th>
                                <th class="w-300px">@lang('validation.attributes.application_delivery_percentage') </th>
                                <th class="w-300px">@lang('validation.attributes.min_order_amount') </th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($mall->branches as $branch)
                                <tr>
                                    <td>{{ $branch->title }}</td>
                                    <td>
                                        <x-dashboard.form.select name="branches[{{ $branch->id }}][services]" :multiple="true" :required='false' :data-array="['restaurants', 'services', 'spas', 'charities', 'survey']" :value-fn="fn($service) => $service" :name-fn="fn($service) => __('global.' . $service)" container-classes='-' :with-label="false" :value="$branch->settings->services" :ajax="false" />
                                    </td>
                                    <td>
                                        <x-dashboard.form.select name="branches[{{ $branch->id }}][is_otp_active]" :boolean='true' :value="$branch->settings->orders->is_otp_active" container-classes='-' :with-label="false" />
                                    </td>
                                    <td>
                                        <x-dashboard.form.input name="branches[{{ $branch->id }}][delivery_fees]" :title="__('validation.attributes.delivery_fees')" type='number' step="any" :value="$branch->settings->orders->delivery_fees" container-classes='-' :with-label="false" :required="false" />
                                    </td>
                                    <td>
                                        <x-dashboard.form.input name="branches[{{ $branch->id }}][delivery_increase_price_percentage]" :title="__('validation.attributes.delivery_increase_price_percentage')" type='number' step="any" :value="$branch->settings->orders->delivery_increase_price_percentage" container-classes='-' :with-label="false" :required="false" />
                                    </td>
                                    <td>
                                        <x-dashboard.form.input name="branches[{{ $branch->id }}][application_delivery_percentage]" :title="__('validation.attributes.application_delivery_percentage')" type='number' step="any" :value="$branch->settings->orders->application_delivery_percentage" container-classes='-' :with-label="false" :required="false" />
                                    </td>
                                    <td>
                                        <x-dashboard.form.input name="branches[{{ $branch->id }}][min_order_amount]" :title="__('validation.attributes.min_order_amount')" type='number' step="any" :value="$branch->settings->orders->min_amount" container-classes='-' :with-label="false" :required="false" />
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <x-dashboard.form.button container-classes='' />

            </x-dashboard.form.form>
        </div>
    </div>
@endsection