@extends('layouts.app') 
@section('content') 
@section('css')
<link rel="stylesheet" type="text/css" href="{{asset('assets/admin/vendors/css/forms/selects/select2.min.css')}}">
<style>
    .bootstrap-tagsinput {
        width: 100% !important;
    }
    .tab{
        width: 100%;
        height: 280px;
    }
</style>
@endsection

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

<div class="card">
    <div class="card-header">
        <h4 class="card-title">{{ isset($title)?$title:'' }}</h4>
        <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
    </div>

    @include('validation.success')
    @include('validation.error')
    
    <!-- Welcome -->
    <div class="card">
        <div class="card-header">
            <h4 class="card-title">Welcome</h4>
            <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
        </div>

        <div class="card-body collapse in">
            <div class="card-block">
                <div class="card-text">
                    <div class="form-group row">
                        <label for="input-Default" class="col-sm-2 control-label">Title</label>
                        <div class="col-sm-10">
                            <input type="text" name="title" id="" class="form-control" value="{{isset($data->title)?$data->title:''}}">
                        </div>
                    </div>
                    
                    <div class="form-group row">
                        <label for="input-Default" class="col-sm-2 control-label">Subtitle</label>
                        <div class="col-sm-10">
                            <input type="text" name="subtitle" id="" class="form-control" value="{{isset($data->subtitle)?$data->subtitle:''}}">
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="input-Default" class="col-sm-2 control-label">Description</label>
                        <div class="col-sm-10">
                            <textarea cols="12" rows="6" name="description" id="" class="form-control editor2">{{isset($data->description)?$data->description:''}}  </textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Menu Special Items -->
    <div class="card">
        <div class="card-header">
            <h4 class="card-title">Menu Special Items</h4>
            <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
        </div>
        <div class="card-body collapse in">
            <div class="card-block">
                <div class="card-text">
                    <div class="form-group row">
                        <div class="col-sm-12">                     
                    
                            @if(!empty($menuitems))
                            @php
                                $save_special_items = [];
                                if(isset($data->categories) && $data->categories !='') { $save_special_items =  explode("," , $data->categories); }else{ $save_categories = []; }
                            @endphp
                            
                            <select name="categories[]" id="categories" class="select2 form-control" multiple="multiple" data-placeholder="Choose Menu Items">
                                @foreach($menuitems as $row)
                                <optgroup label="{{$row->menu_item_name}}">
                                    @foreach($row->menuprices as $mp)
                                    <option value="{{$mp->id}}" @if(in_array($mp->id , $save_special_items)) selected @endif>{{$mp->title}} - {{$mp->price}}</option>
                                    @endforeach
                                </optgroup>
                                @endforeach
                            </select> 
                            
                            @else
                                <p class="text-danger"><b>Please add Menu items first!</b></p>
                            @endif

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

    <!-- Tabs -->
    <div class="card">
        <div class="card-header">
            <h4 class="card-title">Tabs <small></small></h4>
            <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
        </div>
        <div class="card-body collapse in">
            <div class="card-block">
                <div class="card-text">
                    <div class="row">

                        <div class="col-md-4">
                            <label>Our Menu <input type="file" name="tab_menu"></label>
                            <img src="{{asset('/laravel_code/public/tabs/' . $data->tab_menu)}}" class="tab">
                            <input type="hidden" name="old_tab_menu" value="{{$data->tab_menu}}">
                        </div>
                        <div class="col-md-4">
                            <label>About Us <input type="file" name="tab_about"></label>
                            <img src="{{asset('/laravel_code/public/tabs/' . $data->tab_about)}}" class="tab">
                            <input type="hidden" name="old_tab_about" value="{{$data->tab_about}}">
                        </div>
                        <div class="col-md-4">
                            <label>Reservation <input type="file" name="tab_reservation"></label>
                            <img src="{{asset('/laravel_code/public/tabs/' . $data->tab_reservation)}}" class="tab">
                            <input type="hidden" name="old_tab_reservation" value="{{$data->tab_reservation}}">
                        </div>

                        <div class="col-lg-4">
                            <label>Reviews <input type="file" name="tab_reviews"></label>
                            <img src="{{asset('/laravel_code/public/tabs/' . $data->tab_reviews)}}" class="tab">
                            <input type="hidden" name="old_tab_reviews" value="{{$data->tab_reviews}}">
                        </div>
                        <div class="col-lg-4">
                            <label>Our Services <input type="file" name="tab_services"></label>
                            <img src="{{asset('/laravel_code/public/tabs/' . $data->tab_services)}}" class="tab">
                            <input type="hidden" name="old_tab_services" value="{{$data->tab_services}}">
                        </div>
                        <div class="col-lg-4">
                            <label>Gallery <input type="file" name="tab_gallery"></label>
                            <img src="{{asset('/laravel_code/public/tabs/' . $data->tab_gallery)}}" class="tab">
                            <input type="hidden" name="old_tab_gallery" value="{{$data->tab_gallery}}">
                        </div>

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

    <!-- Order Food -->
    <div class="card">
        <div class="card-header">
            <h4 class="card-title">Order Food Section<small></small></h4>
            <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
        </div>
        <div class="card-body collapse in">
            <div class="card-block">
                <div class="card-text">
                    <div class="row">

                        <div class="col-md-4">
                            <label>Text</label>
                            <input type="text" class="form-control" name="order_text" value="{{isset($data->order_text)?$data->order_text:''}}">
                        </div>

                        <div class="col-md-8">
                            <label><input type="file" name="order_bg"></label>
                            <img src="{{asset('/laravel_code/public/exprience/' . $data->order_bg)}}" class="tab">
                            <input type="hidden" name="old_order_bg" value="{{$data->order_bg}}">
                        </div>

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

     <!-- Inner Page Background -->
    <div class="card">
        <div class="card-header">
            <h4 class="card-title">Inner Page Background Banner <small>( Dimentions : 1278px x 380px )</small></h4>
            <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
        </div>
        <div class="card-body collapse in">
            <div class="card-block">
                <div class="card-text">
                    <div class="row">

                        <div class="col-md-12">
                            <label><input type="file" name="inner_banner"></label>
                            <img src="{{asset('/laravel_code/public/banner/' . $data->inner_banner)}}" class="tab">
                            <input type="hidden" name="old_inner_banner" value="{{$data->inner_banner}}">
                        </div>

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

</div>

<div class="form-group row">
    <div class="col-sm-12">
        <a class="btn btn-danger" href="{{route('dashboard') }}">Close</a>
        <button class="btn btn-success btn-full" type="submit">Save changes</button>
    </div>
</div>

</form>

@section('js')
<script src="{{asset('assets/admin/vendors/js/forms/select/select2.full.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/admin/js/scripts/forms/select/form-select2.min.js')}}" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
    $(".select2").select();
});
</script>
@endsection 
@endsection