@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 Subrestaurants')
                    </h1>-->
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">{{ Breadcrumbs::render('restaurants') }}</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">
                        <div class="card-header">
                            <h3 class="card-title">Update Branch</h3>
                        </div>
                        <!-- /.card-header -->
                        <!-- form start -->
                        <form action="{{ url('administrator/restaurants/subrestaurants/' . encrypt($restaurant->restaurants_id)) }}" method="POST" enctype="multipart/form-data" class="editrestaurant_form">
    @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="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="{{ $restaurant->tax_included }}"
                                               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>
                            <a href="{{ URL::previous() }}" class="btn btn-success">Back</a>
                        </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>

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

@section('footer_scripts')
    <script src="{{ asset('admin_assets/plugins/bootstrap-toggle/js/bootstrap-toggle.min.js') }}"></script>
    <!-- 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('admin_assets/plugins/jquery-validation/jquery.validate.js') }}"></script>
        <script src="{{ asset('js/subrestaurant-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