@extends('branch.layouts.index')

@section('content')
    <x-dashboard.form.form class="tab-content" :action="route('branch.advertisements.sorting')">

        @foreach (range(0, 2) as $i)
            <x-dashboard.form.select name="orderBy[{{ $i }}]" :title="__('validation.attributes.orderBy') . ' (' . $i + 1 . ')'" :data-array='['impressions', 'priority' , 'created_at' ]' :name-fn="fn($orderBy) => __('global.advertisement_order_by.' . $orderBy)" :value="branch_admin()->branch->settings->advertisements->orderBy[$i]" :ajax="false" :required="false" />
        @endforeach

        <div class="col-12">
            <ul class="nav nav-tabs">
                @foreach ($locations as $location)
                    <li class="nav-item"><a class='nav-link {{ $loop->first ? current_tab('#meals', "#location-$location->id") : current_tab("#location-$location->id") }}' data-toggle="tab" href="#location-{{ $location->id }}">{{ $location->title }}</a></li>
                @endforeach
            </ul>

            <div class="tab-content">
                @foreach ($locations as $location)
                    <div class='tab-pane fade {{ $loop->first ? current_tab('#meals', "#location-$location->id") : current_tab("#location-$location->id") }}' id="location-{{ $location->id }}" role="tabpanel">
                        <div class="table-responsive">
                            <table class="table table-striped table-bordered dt">
                                <thead>
                                    <tr>
                                        <th>@lang('global.priority') </th>
                                        <th>@lang('validation.attributes.title') </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($location->advertisement_locations as $advertisement_location)
                                        <tr>
                                            <td class="w-200px">
                                                <x-dashboard.form.select name="locations[{{ $advertisement_location->id }}][priority]" :data-array='range(1, $location->advertisement_locations->count())' :value="$advertisement_location->priority" container-classes='' :with-label="false" :ajax="false" />
                                            </td>
                                            <td>{{ $advertisement_location->advertisement->title }} </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <x-dashboard.form.button />
                    </div>
                @endforeach
            </div>
        </div>

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