@extends('admin.layouts.default')

{{-- Page level styles --}}
@section('header_styles')
<link href="{{ asset('admin_assets/plugins/bootstrap-toggle/css/bootstrap-toggle.min.css') }}" rel="stylesheet">
<style>
    .hide {
        display: none;
    }
</style>
@stop
{{-- /Page level styles --}}

{{-- Page content --}}
@section('content')
<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                {{-- <h1 class="m-0 text-dark">--}}
                {{-- @yield('title', 'Update Restaurants')--}}
                {{-- </h1>--}}
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item">{{ Breadcrumbs::render('restaurants/edit') }}</li>

                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->
<section class="content">
    <div class="container-fluid">
        <div class="row">

            <div class="col-md-12">
                @if(session()->has('message'))
                <div class="alert alert-success">
                    {{ session()->get('message') }}
                </div>
                @endif

                @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach($errors->all() as $error)
                        <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
                @endif
                <div class="card card-primary">
                    <!-- form start -->
                    <form action="{{ url('administrator/restaurants/' . encrypt($restaurant->restaurants_id)) }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="exampleInputName">Business <span style="color:red">*</span></label>
                                        </div>
                                        <div class="col-sm-8">
                                            <input type="text" name="name" class="form-control" value="{{ $restaurant->name }}" id="exampleInputName" placeholder="Business Name" autocomplete="off">
                                            <input type="hidden" name="users_id" value="{{ request()->user_id }}">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="exampleInputAddress">Address <span style="color:red">*</span></label>
                                        </div>
                                        <div class="col-sm-8">
                                            <input type="text" name="address" class="form-control" value="{{ $restaurant->address }}" id="exampleInputAddress" placeholder="Enter Address" autocomplete="off">
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label>Country <span style="color:red">*</span></label>
                                        </div>
                                        <div class="col-sm-8">
                                            <select class="form-control select2" id="country" name="country" style="width: 100%;" autocomplete="off">
                                                <option value="">Select Country</option>
                                                @foreach($countries as $country)
                                                <option value="{{ $country->id }}"
                                                    @if($country->id == $restaurant->country)
                                                    {{ 'selected=selected' }}
                                                    @endif
                                                    >{{ $country->name }}
                                                </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label>States/County <span style="color:red">*</span></label>
                                        </div>
                                        <div class="col-sm-8">
                                            <select class="form-control select2" id="state" name="state" style="width: 100%;" autocomplete="off">
                                                <option value="">Select States</option>
                                                @foreach($states as $state)
                                                <option value="{{ $state->id }}"
                                                    @if($state->id == $restaurant->state)
                                                    {{ 'selected=selected' }}
                                                    @endif
                                                    >{{ $state->name }}
                                                </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">

                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label>City <span style="color:red">*</span></label>
                                        </div>
                                        <div class="col-sm-8">
                                            <select class="form-control select2" name="city" id="city"
                                                style="width: 100%;" autocomplete="off">
                                                <option value="">Select City</option>
                                                @foreach($cities as $city)
                                                <option value="{{ $city->id }}"
                                                    @if($city->id == $restaurant->city)
                                                    {{ 'selected=selected' }}
                                                    @endif
                                                    >{{ $city->name }}
                                                </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="exampleInputPCode">Postal Code <span style="color:red">*</span></label>
                                        </div>
                                        <div class="col-sm-8">
                                            <input type="text" name="postal_code" value="{{ $restaurant->phone }}" class="form-control" id="exampleInputPCode" placeholder="Enter Postal Code" autocomplete="off">
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="exampleInputPhone">Business Phone <span style="color:red">*</span></label>
                                        </div>
                                        <div class="col-sm-8">
                                            <input type="text" name="phone" class="form-control" value="{{ $restaurant->phone }}" id="exampleInputPhone" placeholder="Enter Phone" autocomplete="off">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="exampleInputEmail">Business Email <span style="color:red">*</span></label>
                                        </div>
                                        <div class="col-sm-8">
                                            <input type="email" name="email" class="form-control" value="{{ $restaurant->email }}" id="exampleInputEmail" placeholder="Business Email" autocomplete="off">
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="exampleInputWebsite">Website</label>
                                        </div>
                                        <div class="col-sm-8">
                                            <input type="text" name="website" class="form-control" value="{{ $restaurant->website }}" id="exampleInputWebsite" placeholder="Enter your Website" autocomplete="off">
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="exampleInputSupportEmail">Support Email <span style="color:red">*</span></label>
                                        </div>
                                        <div class="col-sm-8">
                                            <input type="email" name="support_email" class="form-control" value="{{ $restaurant->support_email }}" id="exampleInputSupportEmail" placeholder="Enter Your Support Email" autocomplete="off">
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">

                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="exampleInputNotiEmail">Online Notification Email <span style="color:red">*</span></label>
                                        </div>
                                        <div class="col-sm-8">
                                            <input type="email" name="online_notification_email" class="form-control" value="{{ $restaurant->online_notification_email }}" id="exampleInputNotiEmail" placeholder="Enter Online Notification Email" autocomplete="off">
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="exampleInputSupportMobile">Support Mobile <span style="color:red">*</span></label>
                                        </div>
                                        <div class="col-sm-8">
                                            <input type="text" name="support_mobile" class="form-control" value="{{ $restaurant->support_mobile }}" id="exampleInputSupportMobile" placeholder="Enter Your Support Mobile" autocomplete="off">
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="exampleInputTimezone">Timezone</label>
                                        </div>
                                        <div class="col-sm-8">
                                            <select name="timezone" class="form-control select2">
                                                <option value="">Select Timezone</option>
                                                @foreach($timezones as $timezone)
                                                <option value="{{ $timezone->timezone }}"
                                                    @if($timezone->timezone == $restaurant->timezone)
                                                    {{'selected=selected'}}
                                                    @endif
                                                    >{{ $timezone->timezone }}
                                                </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="currency">Currency <span style="color:red">*</span></label>
                                        </div>
                                        <div class="col-sm-8">
                                            <select class="form-control select2" name="currency" style="width: 100%;" autocomplete="off">
                                                <option value="">Select Currency</option>
                                                @foreach($currency as $curr)
                                                <option value="{{ $curr->code }}"
                                                    @if($restaurant->currency == $curr->code)
                                                    {{ 'selected=selected'  }}
                                                    @endif
                                                    >{{ $curr->code }}
                                                </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="language">Language <span style="color:red">*</span></label>
                                        </div>
                                        <div class="col-sm-8">
                                            <select class="form-control select2" name="language" style="width: 100%;" autocomplete="off">
                                                <option value="">Select Language</option>
                                                @foreach($language as $lang)
                                                <option value="{{ $lang->name }}"
                                                    @if($restaurant->language == $lang->name)
                                                    {{ 'selected=selected'  }}
                                                    @endif
                                                    >{{ $lang->name }}
                                                </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="exampleInputLongitude">Longitude</label>
                                        </div>
                                        <div class="col-sm-8">
                                            <input type="text" name="longitude" class="form-control" value="{{ $restaurant->longitude }}" id="exampleInputLongitude" placeholder="Enter Longitude" autocomplete="off">
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="exampleInputLatitude">Latitude</label>
                                        </div>
                                        <div class="col-sm-8">
                                            <input type="text" name="latitude" class="form-control" value="{{ $restaurant->latitude }}" id="exampleInputLatitude" placeholder="Enter Latitude" autocomplete="off">
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="exampleInputFile">Logo</label>
                                        </div>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <div class="custom-file">
                                                    <input type="file" class="custom-file-input" name="logo" id="file">
                                                    <input type="hidden" class="custom-file-input"
                                                        value="{{ $restaurant->logo }}" name="hidLogo"
                                                        id="exampleInputFile">
                                                    <label class="custom-file-label" for="exampleInputFile">Choose file</label>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>

                            </div>

                            <div class="row">

                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="exampleInputTaxIncluded">Tax Included</label>
                                        </div>
                                        <div class="col-sm-8">
                                            <input type="checkbox" name="tax_included" value="0"
                                                data-bootstrap-switch
                                                @if($restaurant->tax_included == '1')
                                            data-on-color="success" checked
                                            @else
                                            data-off-color="danger"
                                            @endif
                                            >
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="exampleInputTaxRate">Tax Rate</label>
                                        </div>
                                        <div class="col-sm-8">
                                            <input type="text" name="tax_rate" class="form-control" value="{{ $restaurant->tax_rate }}" id="exampleInputTaxRate" placeholder="Enter Tax Rate" autocomplete="off">
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-4">
                                            <label for="exampleInputTimezone">Reservation Status</label>
                                        </div>
                                        <div class="col-sm-8">
                                            <input type="checkbox" name="reservation_status"
                                                value="{{ $restaurant->reservation_status }}"
                                                data-bootstrap-switch
                                                @if($restaurant->reservation_status == '1')
                                            data-on-color="success" checked
                                            @else
                                            data-off-color="danger"
                                            @endif
                                            >
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">

                                    <div class="form-group row">
                                        <div class="col-sm-4">
                                            <label for="exampleInputTaxIncluded">Feedback Status</label>
                                        </div>
                                        <div class="col-sm-8">
                                            <input type="checkbox" name="feedback_status"
                                                value="{{ $restaurant->feedback_status }}"
                                                data-bootstrap-switch
                                                @if($restaurant->feedback_status == '1')
                                            data-on-color="success" checked
                                            @else
                                            data-off-color="danger"
                                            @endif
                                            >
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-4">
                                            <label for="exampleInputTimezone">Status</label>
                                        </div>
                                        <div class="col-sm-8">
                                            <input type="checkbox" name="status" value="{{ $restaurant->status }}"
                                                data-bootstrap-switch
                                                @if($restaurant->status == '1')
                                            data-on-color="success" checked
                                            @else
                                            data-off-color="danger"
                                            @endif
                                            >
                                        </div>
                                    </div>

                                </div>
                            </div>

                            <div class="row">
                                <div class="col-lg-6"></div>
                                <div class="col-lg-6">
                                    <div class="form-group row">
                                        <div class="col-sm-4">
                                            <label>Logo Preview</label>
                                        </div>
                                        <div class="col-sm-8">
                                            <img src="#" id="pic" class="hide" alt="Logo" style="border-radius: 5px;">
                                            @if($restaurant->logo == '')
                                            <img src="{{ asset('default/150x150_default.png') }}" id="placeholder" class="" alt="logo pic" style="border-radius: 5px;">
                                            @else
                                            <img src="{{ URL::to('uploads/files/'.$restaurant->logo) }}" id="placeholder" class="" alt="logo pic" style="border-radius: 5px; height: 150px; width: 150px;">
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div><!-- /.card-body -->
                        <div class="card-footer">
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
</section>

@stop
{{-- /Page content --}}

@section('footer_scripts')
<!-- Select2 -->
<script src="{{ asset('admin_assets/plugins/select2/js/select2.full.min.js') }}"></script>
<!-- Bootstrap Switch -->
<script src="{{ asset('admin_assets/plugins/bootstrap-switch/js/bootstrap-switch.min.js') }}"></script>
<script src="{{ asset('js/restaurant-validation.js') }}"></script>
<script>
    $(function() {
        $('.select2').select2()
    });
    $("input[data-bootstrap-switch]").each(function() {
        $(this).bootstrapSwitch('state', $(this).prop('checked'));
    });
</script>
<script>
    $(document).ready(function() {
        $("#country").change(function() {
            var id = $("#country").val();
            $.ajax({
                url: '{{ URL::to('
                administrator / restaurants / states ') }}',
                type: 'POST',
                data: {
                    'id': id,
                    '_token': '{{ csrf_token() }}'
                },
                success: function(html) {
                    $("#state").html(html);
                }
            });
        });
    });
</script>

<script>
    $(document).ready(function() {
        $("#state").change(function() {
            var id = $("#state").val();
            $.ajax({
                url: '{{ URL::to('
                administrator / restaurants / cities ') }}',
                type: 'POST',
                data: {
                    'id': id,
                    '_token': '{{ csrf_token() }}'
                },
                success: function(html) {
                    $("#city").html(html);
                }
            });
        });
    });
</script>

<script>
    $(document).ready(function() {
        var check = $("#tax_included").prop('checked');
        if (check) {
            $("#tax_rate").removeClass('hide');
        }
        $("#tax_included").change(function() {
            if (this.checked) {
                $("#tax_rate").removeClass('hide');
            } else {
                $("#tax_rate").addClass('hide');
            }
        });
    });
</script>
<script>
    function filePreview(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function(e) {
                $('#pic').attr('src', e.target.result)
                    .height(150)
                    .width(150);
                $("#pic").removeClass('hide');
                $("#placeholder").addClass('hide');
            };
            reader.readAsDataURL(input.files[0]);
        }
    }

    $("#file").change(function() {
        filePreview(this);
    });
</script>
@stop