@extends('website.branch.guest.layouts.index')

@section('content')

<div class="container">
    <div class="row justify-content-center">
        <div class="col-lg-7 mb-4">
            <x-dashboard.form.form :action='route("branches.guest.store",["branch" => $branch->id])'>
                <div class="col-12 text-center mb-2">
                    <h1>@lang('global.checkin')</h1>
                </div>
                <div class="col-12 mb-2">
                    <x-bootstrap.alert type="success" :messages="session('success')" :with-exit="false" />
                    <x-bootstrap.alert type="danger" :messages="session('error')" :with-exit="false" />
                    <x-bootstrap.alert type="info" :messages="session('info')" :with-exit="false" />
                    <x-bootstrap.alert type="danger" :messages="$errors->all()" :with-exit="false" />
                </div>

                @if (
                $branch->settings->guests->show_name_input ||
                $branch->settings->guests->show_identification_number_input ||
                $branch->settings->guests->show_phone_input ||
                $branch->settings->guests->show_other_phone_input ||
                $branch->settings->guests->show_email_input
                )
                <div class="col-12 mb-3">
                    <div class="card">
                        <div class="card-body row">
                            <h5 class="card-title">@lang('global.personal_data')</h5>
                            @if ($branch->settings->guests->show_name_input)
                            <x-dashboard.form.input name="name" container-classes="col-12" :required="$branch->settings->guests->is_name_required" />
                            @endif
                            @if ($branch->settings->guests->show_identification_number_input)
                            <x-dashboard.form.input name="identification_number" maxlength="15" container-classes="col-12" :required="$branch->settings->guests->is_identification_number_required" />
                            @endif
                            @if ($branch->settings->guests->show_phone_input)
                            <div class="form-group phone-form-group">
                                <label>@lang('validation.attributes.phone') @if($branch->settings->guests->is_phone_required) <span class="text-danger">*</span> @endif </label>
                                <select class="form-control" name="phoneDial"></select>
                                <input type="number" class="form-control" name="phone" value="{{ old('phone') }}" @required($branch->settings->guests->is_phone_required) placeholder="@lang('validation.attributes.phone')">
                            </div>
                            @endif
                            @if ($branch->settings->guests->show_other_phone_input)
                            <div class="form-group other-phone-form-group">
                                <label>@lang('validation.attributes.other_phone') @if($branch->settings->guests->is_other_phone_required) <span class="text-danger">*</span> @endif</label>
                                <select class="form-control" name="other_phoneDial"></select>
                                <input type="number" class="form-control" name="other_phone" value="{{ old('other_phone') }}" @required($branch->settings->guests->is_other_phone_required) placeholder="@lang('validation.attributes.other_phone')">
                            </div>
                            @endif
                            @if ($branch->settings->guests->show_email_input)
                            <x-dashboard.form.input name="email" container-classes="col-12" :required="$branch->settings->guests->is_email_required" type='email' />
                            @endif
                        </div>
                    </div>
                </div>
                @endif

                <div class="col-12">
                    <div class="card">
                        <div class="card-body row">
                            @if (
                            $branch->settings->guests->show_reservation_number_input ||
                            $branch->settings->guests->show_persons_input ||
                            $branch->settings->guests->show_expected_arrival_input
                            )
                            <h5 class="card-title">@lang('global.reservation_data')</h5>
                            @if ($branch->settings->guests->show_reservation_number_input)
                            <x-dashboard.form.input name="reservation_number" container-classes="col-12" :required="$branch->settings->guests->is_reservation_number_required" />
                            @endif

                            @if ($branch->settings->guests->show_persons_input)
                            <x-dashboard.form.input name="persons" type="number" min="0" inputmode="numeric" pattern="[0-9]*" container-classes="col-12" :required="$branch->settings->guests->is_persons_required" />
                            @endif
                            @if ($branch->settings->guests->show_expected_arrival_input)
                            <x-dashboard.form.input name="expected_arrival_date" :required="$branch->settings->guests->is_expected_arrival_required" class="flatpickrFromToday" />
                            <x-dashboard.form.input name="expected_arrival_time" type='time' :required="$branch->settings->guests->is_expected_arrival_required" />
                            @endif
                            @endif

                            <div class="col-12 text-center">
                                <div class="g-recaptcha" data-sitekey="{{ config('services.google_recaptcha.key') }}" style="display: inline-block;"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <x-dashboard.form.button class="confirm-form" type='button' />
            </x-dashboard.form.form>
        </div>
    </div>
</div>
@endsection