@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