@extends('website.register.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("registers.store")'>
                <div class="col-12 text-center mb-2">
                    <h1>@lang('global.register_link')</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>

                <div class="col-12 mb-3">
                    <div class="card">
                        <div class="card-body row">
                            <h5 class="card-title">@lang('global.hotel_data')</h5>
                            <x-dashboard.form.input name="hotel_title" container-classes="col-12" />
                            <x-dashboard.form.input name="responsible_name" container-classes="col-12" />

                            <div class="form-group phone-form-group">
                                <label>@lang('validation.attributes.responsible_phone') <span class="text-danger">*</span> </label>
                                <select class="form-control" name="phoneDial"></select>
                                <input type="number" class="form-control" name="phone" value="{{ old('phone') }}" placeholder="@lang('validation.attributes.phone')">
                            </div>

                            <x-dashboard.form.input name="email" :title="__('validation.attributes.responsible_email')" container-classes="col-12" type='email' />

                            <x-dashboard.form.file name="room_numbers" class="mb-0" :multiple="true" container-classes="col-12" accept="*" :help="__('messages.tooltips.registers.room_numbers')" />
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="card">
                        <div class="card-body row">
                            <h5 class="card-title">@lang('global.hotel_services')</h5>

                            <x-dashboard.form.file name="tv_channels_menu" class="mb-0" :multiple="true" :required="false" container-classes="col-12 mb-2" accept="*" :help="__('messages.tooltips.registers.accept_any_type')" />
                            <x-dashboard.form.file name="room_food_menu" class="mb-0"  :multiple="true" :required="false" container-classes="col-12 mb-2" accept="*" :help="__('messages.tooltips.registers.accept_any_type')" />
                            <x-dashboard.form.file name="mini_bar_menu" class="mb-0"  :multiple="true" :required="false" container-classes="col-12 mb-2" accept="*" :help="__('messages.tooltips.registers.accept_any_type')" />
                            <x-dashboard.form.file name="laundry_services_menu" class="mb-0" :multiple="true" :required="false" container-classes="col-12 mb-2" accept="*"  :help="__('messages.tooltips.registers.accept_any_type')"/>
                            <x-dashboard.form.file name="other_services" class="mb-0" :multiple="true" :required="false" container-classes="col-12 mb-2" accept="*" :help="__('messages.tooltips.registers.other_services')" />

                            <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" />
            </x-dashboard.form.form>
        </div>
    </div>
</div>
@endsection