@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>
        <li class="nav-item"><a class="nav-link {{ current_tab('#medias') }}" data-toggle="tab" href="#medias">@lang('global.medias')</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.hotels.branches_services', ['hotel' => $hotel->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-500px">@lang('validation.attributes.services') </th>
                                <th class="w-200px">@lang('validation.attributes.is_otp_active') </th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($hotel->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', 'laundries', 'services', 'spas', 'channels', 'rooms', 'survey', 'pre_checkin']" :name-fn="fn($service) => __('global.' . $service)" container-classes='col-11' :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='col-11' :with-label="false" />
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

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

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

        <div class="tab-pane fade {{ current_tab('#medias') }}" id="medias" role="tabpanel">
            <h4 class="card-title mb-3">
                <a href="{{ route('admin.hotels.medias.create', ['hotel' => $hotel->id]) }}">
                    <button class="btn btn-success">
                        <i class="i-Add"></i> @lang('global.add')
                    </button>
                </a>
            </h4>

            <div class="table-responsive">
                <table id="mediasTable" class="table table-striped table-bordered">
                    <thead>
                        <tr>
                            <th>@lang('validation.attributes.title') </th>
                            <th>@lang('validation.attributes.notes') </th>
                            <th>@lang('validation.attributes.created_at') </th>
                            <th>@lang('global.actions')</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
@endsection