@extends('admin.layouts.master')

@section('css')
    <link rel="stylesheet" href="{{ asset('assets/modules/select2/dist/css/select2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/modules/bootstrap-social/bootstrap-social.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/modules/summernote/summernote-bs4.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/modules/bootstrap-timepicker/css/bootstrap-timepicker.min.css') }}">
@endsection

@section('main-content')

    <section class="section">
        <div class="section-header p-23">
        <h1>{{ __('levels.restaurant') }}</h1>
            {{ Breadcrumbs::render('restaurant/add') }}
        </div>

        <div class="section-body">
            <form action="{{ route('admin.restaurant.restaurant-store') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="row">
                    <div class="col-sm-6">
                        <div class="card">
                            <div class="card-header">
                                <h5 class="mb-0">{{ __('restaurant.restaurant_information') }}</h5>
                            </div>
                            <div class="card-body">
                                <div class="form-row">
                                    <div class="form-group col-lg-12">
                                        <label for="name">{{ __('levels.name') }}</label> <span class="text-danger">*</span>
                                        <input id="name" type="text" name="name" class="form-control form-control-sm @error('name') is-invalid @enderror" value="{{ old('name') }}">
                                        @error('name')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="form-row">
                                    <div class="form-group col">
                                        <label for="opening_time">{{ __('levels.opening_time') }}</label>
                                        <input id="opening_time" type="text" name="opening_time" class="form-control form-control-sm timepicker @error('opening_time') is-invalid @enderror" value="{{ old('opening_time') }}">
                                        @error('opening_time')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>

                                    <div class="form-group col">
                                        <label for="closing_time">{{ __('levels.closing_time') }}</label>
                                        <input id="closing_time" type="text" name="closing_time" class="form-control form-control-sm timepicker @error('closing_time') is-invalid @enderror" value="{{ old('closing_time') }}">
                                        @error('closing_time')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="cuisines">{{ __('levels.cuisines') }} </label>
                                    <select id="cuisines" name="cuisines[]" class="form-control select2 @error('cuisines') is-invalid @enderror" multiple="multiple">
                                        @if(!blank($cuisines))
                                            @foreach($cuisines as $cuisine)
                                                <option value="{{ $cuisine->id }}">{{ $cuisine->name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                    @error('cuisines')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label>{{ __('levels.address') }}</label> <span class="text-danger">*</span>
                                    <textarea name="address" class="form-control address-textarea-height @error('address') is-invalid @enderror" id="address">{{ old('address') }}</textarea>
                                    @error('address')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label>{{ __('levels.description') }}</label>
                                    <textarea name="description" class="form-control address-textarea-height @error('description') is-invalid @enderror" id="description">{{ old('description') }}</textarea>
                                    @error('description')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="restaurant_logo">{{ __('restaurant.logo') }}</label>
                                    <div class="custom-file">
                                        <input name="restaurant_logo" type="file"
                                               class="custom-file-input @error('restaurant_logo') is-invalid @enderror"
                                               id="restaurant_logo" onchange="readURL(this,'previewImage');">
                                        <label class="custom-file-label"
                                               for="restaurant_logo">{{ __('levels.choose_file') }}</label>
                                    </div>
                                    @if ($errors->has('restaurant_logo'))
                                        <div class="help-block text-danger">
                                            {{ $errors->first('restaurant_logo') }}
                                        </div>
                                    @endif
                                    <img class="img-thumbnail mt-4 mb-3 admin-banner-img-hight" id="previewImage"
                                         src="{{ asset('assets/img/default/restaurant.png') }}" alt="your image" />
                                </div>

                                <div class="form-group">
                                    <label for="customFile">{{ __('levels.restaurant_image') }}</label>
                                    <div class="custom-file">
                                        <input name="image" type="file"
                                               class="custom-file-input @error('image') is-invalid @enderror" id="customFile"
                                               onchange="readURL(this,'previewImage2');">
                                        <label class="custom-file-label" for="customFile">{{__('levels.choose_file')}}</label>
                                    </div>
                                    @if ($errors->has('image'))
                                        <div class="help-block text-danger">
                                            {{ $errors->first('image') }}
                                        </div>
                                    @endif
                                    <img class="img-thumbnail image-width mt-4 mb-3" id="previewImage2" src="{{ asset('assets/img/default/restaurant.png') }}" alt="your image" />
                                </div>
                            </div>
                            <div class="card-footer">
                                <button class="btn btn-primary" type="submit">{{ __('levels.submit') }}</button>
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="card">
                            <div class="card-header">
                                <h5>{{ __('restaurant.restaurant_information') }}</h5>
                            </div>
                            <div class="card-body">
                                <div class="form-row">
                                    <div class="form-group col">
                                        <label for="lat">{{ __('levels.latitude') }}</label> <span class="text-danger">*</span>
                                        <input type="text" name="lat" id="lat" class="form-control form-control-sm @error('lat') is-invalid @enderror" value="{{ old('lat') }}">
                                        @error('lat')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>
                                    <div class="form-group col">
                                        <label for="long">{{ __('levels.longitude') }}</label> <span class="text-danger">*</span>
                                        <input type="text" id="long" name="long" class="form-control form-control-sm @error('long') is-invalid @enderror" value="{{ old('long') }}">
                                        @error('long')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div id="googleMap"></div>
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header">
                                <h5 class="mb-0">{{ __('restaurant.restaurant_status') }}</h5>
                            </div>
                            <div class="card-body">

                                <div class="form-row">
                                    <div class="form-group col">
                                        <label>{{ __('levels.delivery') }}</label> <span class="text-danger">*</span>
                                        <select name="delivery_status"
                                                class="form-control form-control-sm-custom @error('delivery_status') is-invalid @enderror">
                                            @foreach(trans('delivery_statuses') as $delivery_statusKey => $delivery_status)
                                                <option value="{{ $delivery_statusKey }}" {{ (old('delivery_status') == $delivery_statusKey) ? 'selected' : '' }}>
                                                    {{ $delivery_status }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('delivery_status')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>
                                    <div class="form-group col">
                                        <label>{{ __('levels.pickup') }}</label> <span class="text-danger">*</span>
                                        <select name="pickup_status" class="form-control form-control-sm-custom @error('pickup_status') is-invalid @enderror">
                                            @foreach(trans('pickup_statuses') as $pickup_statusKey => $pickup_status)
                                                <option value="{{ $pickup_statusKey }}" {{ (old('pickup_status') == $pickup_statusKey) ? 'selected' : '' }}>{{ $pickup_status }}</option>
                                            @endforeach
                                        </select>
                                        @error('pickup_status')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="form-row">
                                    <div class="form-group col">
                                        <label>{{ __('levels.table') }}</label> <span class="text-danger">*</span>
                                        <select name="table_status" class="form-control form-control-sm-custom @error('table_status') is-invalid @enderror">
                                            @foreach(trans('table_statuses') as $table_statusKey => $table_status)
                                                <option value="{{ $table_statusKey }}" {{ (old('table_status') == $table_statusKey) ? 'selected' : '' }}>{{ $table_status }}</option>
                                            @endforeach
                                        </select>
                                        @error('table_status')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>

                                    <div class="form-group col">
                                        <label>{{ __('levels.current_status') }}</label> <span class="text-danger">*</span>
                                        <select name="current_status"
                                                class="form-control form-control-sm-custom @error('current_status') is-invalid @enderror">
                                            @foreach(trans('current_statuses') as $current_statusKey => $current_status)
                                                <option value="{{ $current_statusKey }}" {{ (old('current_status') == $current_statusKey) ? 'selected' : '' }}>
                                                    {{ $current_status }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('current_status')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col">
                                        <label>{{ __('levels.waiter_status') }}</label> <span class="text-danger">*</span>
                                        <select name="waiter_status" class="form-control form-control-sm-custom @error('waiter_status') is-invalid @enderror">
                                            @foreach(trans('waiter_statuses') as $waiter_statusKey => $waiter_status)
                                                <option value="{{ $waiter_statusKey }}" {{ (old('waiter_status') == $waiter_statusKey) ? 'selected' : '' }}>{{ $waiter_status }}</option>
                                            @endforeach
                                        </select>
                                        @error('waiter_status')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </section>

@endsection

@section('scripts')
    <script src="{{ asset('assets/modules/select2/dist/js/select2.full.min.js') }}"></script>
    <script src="{{ asset('assets/modules/bootstrap-timepicker/js/bootstrap-timepicker.min.js') }}"></script>
    <script async src="https://maps.googleapis.com/maps/api/js?key={{ setting('google_map_api_key') }}&libraries=places&callback=initMap"></script>
    <script src="{{ asset('js/restaurant/create.js') }}"></script>
@endsection