@extends('layouts.app')
@section('content')
@section('css')
@endsection

<div class="card">
    <div class="card-header">
        <h4 class="card-title">{{ isset($title)?$title:'' }}</h4>
    </div>

    <div class="card-body">
        <div class="card-block">
            @include('validation.success')

            @if(session('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <strong>Error!</strong> {{ session('error') }}
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            @endif

            <ul class="nav nav-tabs" id="myTab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="baseIcon-tab41" data-toggle="tab" href="#General" role="tab"
                        aria-controls="General" aria-selected="true">General</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="baseIcon-tab43" data-toggle="tab" href="#SocialMedia" role="tab"
                        aria-controls="SocialMedia" aria-selected="false">Social Media</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="baseIcon-tab44" data-toggle="tab" href="#Payment" role="tab"
                        aria-controls="Payment" aria-selected="false">Payment</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="baseIcon-tab44" data-toggle="tab" href="#receipt" role="tab"
                        aria-controls="receipt" aria-selected="false">Print Receipt</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="baseIcon-tab44" data-toggle="tab" href="#orders" role="tab"
                        aria-controls="orders" aria-selected="false">Orders</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="baseIcon-tab44" data-toggle="tab" href="#availability" role="tab"
                        aria-controls="availability" aria-selected="false">Availability</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="baseIcon-tab44" data-toggle="tab" href="#emails" role="tab"
                        aria-controls="availability" aria-selected="false">Emails</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="baseIcon-tab44" data-toggle="tab" href="#firebase" role="tab"
                        aria-controls="firebase" aria-selected="false">Firebase</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="baseIcon-tab44" data-toggle="tab" href="#google_analytics" role="tab"
                        aria-controls="google_analytics" aria-selected="false">Google Analytics</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="baseIcon-tab44" data-toggle="tab" href="#email_templates" role="tab"
                        aria-controls="email_templates" aria-selected="false">Email Templates</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="baseIcon-tab44" data-toggle="tab" href="#HeaderCode" role="tab"
                        aria-controls="HeaderCode" aria-selected="false">Header Code</a>
                </li>
                
            </ul>

            <form method="post" action="{{route('updateSettings')}}" enctype="multipart/form-data">
                {{ csrf_field() }}

                <div class="tab-content px-1 pt-1">

                    <div role="tabpanel" class="tab-pane active" id="General" aria-labelledby="baseIcon-tab41">
                        <div class="row">
                            <div class="form-group col-xs-6">
                                <label>Name</label>
                                <input class="form-control" name="name"
                                    value="{{isset($settings->name)?$settings->name:''}}" id=""
                                    placeholder="Company Name" type="text">
                            </div>
                            <div class="form-group col-xs-6">
                                <label>Email</label>
                                <input class="form-control" value="{{isset($settings->email)?$settings->email:''}}"
                                    name="email" id="email" placeholder="Email" type="text">
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-xs-6">
                                <label>Phone Number</label>
                                <input class="form-control" name="phone_no"
                                    value="{{isset($settings->phone_no)?$settings->phone_no:''}}" id="phone_no"
                                    placeholder="Enter Phone" type="text">
                            </div>
                            <div class="form-group col-xs-6">
                                <label>Mobile Number</label>
                                <input class="form-control" name="mobile_no"
                                    value="{{isset($settings->mobile_no)?$settings->mobile_no:''}}" id="mobile_no"
                                    placeholder="Mobile Number" type="text">
                            </div>

                        </div>
                        <hr>
                        <div class="row">
                            <div class="form-group col-xs-6">
                                <label>Site Logo</label>
                                @if($settings->site_logo)
                                    <div class="input-group">
                                        <img src="{{ asset('laravel_code/public/uploads/settings/'.$settings->site_logo) }}" style="max-height: 100px; margin-bottom: 10px;">
                                    </div>
                                    <label class="checkbox-inline">
                                        <input type="checkbox" name="del_site_logo" value="true"> Delete Logo
                                    </label>
                                @endif
                                <input type="file" class="form-control" name="site_logo">
                                <small class="text-muted">Recommended size: 200x50px</small>
                            </div>
                            <div class="form-group col-xs-6">
                                <label>Favicon</label>
                                @if($settings->favicon)
                                    <div class="input-group">
                                        <img src="{{ asset('laravel_code/public/uploads/settings/'.$settings->favicon) }}" style="max-height: 32px; margin-bottom: 10px;">
                                    </div>
                                    <label class="checkbox-inline">
                                        <input type="checkbox" name="del_favicon" value="true"> Delete Favicon
                                    </label>
                                @endif
                                <input type="file" class="form-control" name="favicon">
                                <small class="text-muted">Recommended size: 32x32px (ICO, PNG)</small>
                            </div>
                        </div>
                    </div>

                    <div role="tabpanel" class="tab-pane" id="SocialMedia" aria-labelledby="baseIcon-tab43">
                        <div class="row">
                            <div class="form-group col-sm-6">
                                <label for="facebook">Facebook</label>
                                <input class="form-control" name="facebook"
                                    value="{{isset($settings->facebook)?$settings->facebook:''}}" id="facebook"
                                    placeholder="Facebook" type="text">
                            </div>
                            <div class="form-group col-sm-6">
                                <label for="twitter">Twitter</label>
                                <input class="form-control" name="twitter"
                                    value="{{isset($settings->twitter)?$settings->twitter:''}}" id="twitter"
                                    placeholder="Twitter" type="text">
                            </div>
                            <div class="form-group col-sm-6">
                                <label for="instagram">Instagram</label>
                                <input class="form-control" name="instagram"
                                    value="{{isset($settings->instagram)?$settings->instagram:''}}" id="instagram"
                                    placeholder="Instagram" type="text">
                            </div>
                            <div class="form-group col-sm-6">
                                <label for="google">Google Plus</label>
                                <input class="form-control" name="google"
                                    value="{{isset($settings->google)?$settings->google:''}}" id="google"
                                    placeholder="Google Plus" type="text">
                            </div>
                            <div class="form-group col-sm-6">
                                <label for="yelp">Yelp</label>
                                <input class="form-control" name="yelp"
                                    value="{{isset($settings->yelp)?$settings->yelp:''}}" id="yelp"
                                    placeholder="Yelp" type="text">
                            </div>
                            <div class="form-group col-sm-6">
                                <label for="tripadvisor">Tripadvisor</label>
                                <input class="form-control" name="tripadvisor"
                                    value="{{isset($settings->tripadvisor)?$settings->tripadvisor:''}}" id="tripadvisor"
                                    placeholder="Tripadvisor" type="text">
                            </div>
                            <div class="form-group col-sm-6">
                                <label for="youtube">Youtube</label>
                                <input class="form-control" name="youtube"
                                    value="{{isset($settings->youtube)?$settings->youtube:''}}" id="youtube"
                                    placeholder="Youtube" type="text">
                            </div>
                        </div>
                    </div>

                    <div class="tab-pane" id="Payment" aria-labelledby="baseIcon-tab44">
                        <div class="row">
                            <div class="form-group col-xs-12 col-sm-6 ">
                                <label>Max Delivery Time (Min)</label>
                                <input class="form-control" name="delivery_time"
                                    value="{{isset($settings->delivery_time)?$settings->delivery_time:''}}"
                                    placeholder="Delivery Time" type="text">
                            </div>

                            <div class="form-group col-xs-12 col-sm-6 ">
                                <label>Delivery Charges</label>
                                <input class="form-control" name="delivery_charges"
                                    value="{{isset($settings->delivery_charges)?$settings->delivery_charges:''}}"
                                    placeholder="Delivery Charges" type="text">
                            </div>

                            <div class="form-group col-xs-12 col-sm-6 ">
                                <label>Tax(%)</label>
                                <input class="form-control" name="tax"
                                    value="{{isset($settings->tax)?$settings->tax:''}}" placeholder="Tax(%)"
                                    type="text">
                            </div>

                            <div class="form-group col-xs-12 col-sm-6 ">
                                <label>Minimum Order Amount</label>
                                <input class="form-control" name="minimum_order"
                                    value="{{isset($settings->minimum_order)?$settings->minimum_order:''}}"
                                    placeholder="Minimum Order Amount" type="text">
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group col-xs-12 col-sm-6 ">
                                <label>Service Charges</label>
                                <input class="form-control" name="service_charges"
                                    value="{{isset($settings->service_charges)?$settings->service_charges:''}}"
                                    placeholder="Service Charges" type="text">
                            </div>

                            <div class="form-group col-xs-12 col-sm-6 ">
                                <label>Payment Methods</label><br>

                                <label class="radio-inline">
                                    <input type="radio" name="mop" value="cash" @if(isset($settings->mop) && $settings->mop == 'cash') checked @endif> Cash On Deleviery (COD)
                                </label><br>    
                                <label class="radio-inline">
                                    <input type="radio" name="mop" value="card" @if(isset($settings->mop) && $settings->mop == 'card') checked @endif> Credit Card (Stripe)
                                </label><br>
                                <label class="radio-inline">
                                    <input type="radio" name="mop" value="both" @if(isset($settings->mop) && $settings->mop == 'both') checked @endif> Both
                                </label>

                            </div>

                        </div>

                    </div>

                    <div class="tab-pane" id="receipt" aria-labelledby="baseIcon-tab44">
                        <div class="row">
                            <div class="form-group col-xs-12 col-sm-4">
                                <label>Text in receipt header</label>
                                <textarea class="form-control" name="receipt_header"
                                    rows="10">{{isset($settings->receipt_header)?$settings->receipt_header:''}}</textarea>
                            </div>

                            <div class="form-group col-xs-12 col-sm-4">
                                <label>Text in receipt footer</label>
                                <textarea class="form-control" name="receipt_footer"
                                    rows="10">{{isset($settings->receipt_footer)?$settings->receipt_footer:''}}</textarea>
                            </div>

                            <div class="form-group col-xs-12 col-sm-2">
                                <label>Receipt Image</label>
                                @if(isset($settings->receipt_image) && $settings->receipt_image != '')
                                <input type="checkbox" name="del_receipt_image" value="true"> Delete
                                @endif
                                <input type="file" name="receipt_image" id="receipt_image">

                                @if(isset($settings->receipt_image) && $settings->receipt_image != '')
                                <img class="img"
                                    src="{{asset('/laravel_code/public/receipt/' . $settings->receipt_image)}}"
                                    style="width:300px;height:150px">
                                <input type="hidden" name="old_receipt_image" value="{{$settings->receipt_image}}">
                                @endif

                                <div id="receipt_image_preview"></div>

                            </div>

                        </div>

                        <div class="row">
                            <div class="form-group col-xs-12 col-md-4 col-sm-12">
                                <label>Reprint Key</label>
                                <input class="form-control" name="reprint_key"
                                    value="{{isset($settings->reprint_key)?$settings->reprint_key:''}}"
                                    placeholder="Reprint key" type="text">
                            </div>

                            <div class="form-group col-xs-12 col-md-4 col-sm-12">
                                <label>No of print Receipt</label>
                                <input class="form-control" name="no_of_print_receipt"
                                    value="{{isset($settings->no_of_print_receipt)?$settings->no_of_print_receipt:''}}"
                                    placeholder="No of print receipt" type="text">
                            </div>

                            <div class="col-md-4 col-sm-12 form-group">
                                <label>Kitchen Receipt</label><br>
                                <label class="radio-inline">
                                    <input type="radio" value="1" name="kitchen_receipt"
                                        @if(isset($settings->kitchen_receipt) && $settings->kitchen_receipt == 1)
                                    checked="" @endif> Yes
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" value="0" name="kitchen_receipt"
                                        @if(isset($settings->kitchen_receipt) && $settings->kitchen_receipt == 0)
                                    checked="" @endif> No
                                </label>
                            </div>

                        </div>

                    </div>

                    <div class="tab-pane" id="orders" aria-labelledby="baseIcon-tab44">

                        <div class="row">
                            <div class="form-group col-xs-12 col-sm-4">
                                <label>Order Delete Key</label>
                                <input class="form-control" name="order_delete_key"
                                    value="{{isset($settings->order_delete_key)?$settings->order_delete_key:''}}"
                                    placeholder="Order Delete Key" type="text">
                            </div>
                        </div>

                    </div>

                    <div class="tab-pane" id="availability" aria-labelledby="baseIcon-tab44">

                        <div class="row">
                            <div class="col-sm-8">
                                
                                    <table class="table table-bordered">
                                        <tbody><tr>
                                            <th width="50%">Platform</th>
                                            <th class="text-center">Online Ordering</th>
                                        </tr>
                                        <tr>
                                            <td width="50%">
                                                Website
                                            </td>
                                            <td class="text-center">
                                                <div class="col-sm-6">
                                                <label class="c-input c-radio">
                                                    <input id="" name="web_ordering" value="1" @if(isset($settings->web_ordering) && $settings->web_ordering == 1) checked @endif type="radio">
                                                    <span class="c-indicator"></span>
                                                    Open
                                                </label>
                                                </div>
                                                <div class="col-sm-6">
                                                    <label class="c-input c-radio">
                                                    <input id="" name="web_ordering" value="0" @if(isset($settings->web_ordering) && $settings->web_ordering == 0) checked @endif type="radio">
                                                    <span class="c-indicator"></span>
                                                    Close
                                                </label>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr id="web_ordering_msg_tr">
                                            <td colspan="2">
                                                <textarea name="web_ordering_msg" class="form-control" placeholder="Website Online ordering close message">{{isset($settings->web_ordering_msg)?$settings->web_ordering_msg:''}}</textarea>
                                            </td>
                                        </tr>
                                        
                                        
                                        <tr>
                                            <td width="50%">
                                                Mobile App
                                            </td>
                                            <td class="text-center">
                                                <div class="col-sm-6">
                                                <label class="c-input c-radio">
                                                    <input id="" name="app_ordering" value="1" @if(isset($settings->app_ordering) && $settings->app_ordering == 1) checked @endif type="radio">
                                                    <span class="c-indicator"></span>
                                                    Open
                                                </label>
                                                </div>
                                                <div class="col-sm-6">
                                                    <label class="c-input c-radio">
                                                    <input id="" name="app_ordering" value="0" @if(isset($settings->app_ordering) && $settings->app_ordering == 0) checked @endif type="radio">
                                                    <span class="c-indicator"></span>
                                                    Close
                                                </label>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr id="app_ordering_msg_tr">
                                            <td colspan="2">
                                                <textarea name="app_ordering_msg" class="form-control" placeholder="Mobile App Online ordering close message">{{isset($settings->app_ordering_msg)?$settings->app_ordering_msg:''}}</textarea>
                                            </td>
                                        </tr>

                                        
                                    </tbody>
                                </table>
                                                                    
                            </div>
                        </div>

                    </div>

                    <div role="tabpanel" class="tab-pane" id="emails" aria-expanded="true"
                        aria-labelledby="baseIcon-tab41">
                        <div class="row">
                            <div class="form-group col-xs-6">
                                <label>Online Order Email</label>
                                <input class="form-control" name="email_online_order"
                                    value="{{isset($settings->email_online_order)?$settings->email_online_order:''}}" id="email_online_order"
                                    placeholder="Online Order Email" type="text">
                            </div>
                            <div class="form-group col-xs-6">
                                <label>Contact Us Email</label>
                                <input class="form-control" value="{{isset($settings->email_contact_us)?$settings->email_contact_us:''}}"
                                    name="email_contact_us" id="email_contact_us" placeholder="Contact Us Email" type="text">
                            </div>
                        </div>
                    </div>

                    <div class="tab-pane" id="firebase" aria-labelledby="baseIcon-tab43">
                        <div class="row form-group">
                            <div class="col-sm-12">
                                <textarea rows="15" class="field form-control"
                                    name="firebase">{{isset($firebase)?$firebase:''}}</textarea>
                            </div>
                        </div>
                    </div>

                    <div class="tab-pane" id="google_analytics" aria-labelledby="baseIcon-tab43">
                        <div class="row form-group">
                            <div class="col-sm-12">
                                <textarea 
                                    name="google_analytics" 
                                    class="form-control" 
                                    rows="10"
                                    style="font-family: 'Courier New', monospace; background: #f8f9fa;"
                                    placeholder="<!-- Add your google analytics code here -->"
                                >{{ $google_analytics ?? '' }}</textarea>
                            </div>
                        </div>
                    </div>

                    <div class="tab-pane" id="email_templates" aria-labelledby="baseIcon-tab43">

                        <ul class="nav nav-pills" style="margin-bottom: 10px;">
                            <li class="nav-item">
                                <a class="nav-link active" data-toggle="pill" href="#Welcome">Welcome / SignUp</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="pill" href="#Reservation">Reservation</a>
                            </li>
                        </ul>

                        <!-- Tab panes -->
                        <div class="tab-content">
                            <div class="tab-pane active" id="Welcome">
                                <div class="row form-group">
                                    <div class="col-sm-12">
                                        <textarea rows="15" class="field form-control"
                                            name="template_welcome">{{isset($template_welcome)?$template_welcome:''}}</textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="Reservation">
                                <div class="row form-group">
                                    <div class="col-sm-12">
                                        <textarea rows="15" class="field form-control"
                                            name="template_reservation">{{isset($template_reservation)?$template_reservation:''}}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    
                    <div role="tabpanel" class="tab-pane" id="HeaderCode" aria-labelledby="baseIcon-tab42">
                        <div class="row">
                            <div class="col-xs-12">
                                <div class="form-group">
                                    <textarea 
                                        name="header_code" 
                                        class="form-control" 
                                        rows="10"
                                        style="font-family: 'Courier New', monospace; background: #f8f9fa;"
                                        placeholder="<!-- Add your custom header code here -->"
                                    >{{ $header_code ?? '' }}</textarea>
                                    <small class="text-muted">This code will be added to the &lt;head&gt; section of every page</small>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="col-sm-12">
                    <a href="{{url('home')}}" type="button" class="btn btn-danger">Close</a>
                    <button class="btn btn-success" type="submit">Save changes</button>
                </div>

            </form>

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

@section('js')
<script>
if($("input[name='web_ordering']:checked").val() == 1){
    $("#web_ordering_msg_tr").hide();
}
if($("input[name='app_ordering']:checked").val() == 1){
    $("#app_ordering_msg_tr").hide();
}

$("input[name='web_ordering']").change(function(){
    if ($(this).attr("value") == 1) {
        $("#web_ordering_msg_tr").hide();
    }else{
        $("#web_ordering_msg_tr").show();
    }
});

$("input[name='app_ordering']").change(function(){
    if ($(this).attr("value") == 1) {
        $("#app_ordering_msg_tr").hide();
    }else{
        $("#app_ordering_msg_tr").show();
    }
});

$("#receipt_image").change(function () {
    if (this.files && this.files[0]) {
        var reader = new FileReader();
        reader.onload = function (e) {
            $('#receipt_image_preview').html('<img width="100%" height="200px" src="' + e.target
                .result + '" />');
        }
        reader.readAsDataURL(this.files[0]);
    }
});
</script>
@endsection
@endsection