@extends('layouts.app')

@section('content')
    <!-- <link rel="stylesheet" href="{{ asset('/css/parsley.css') }}"> -->
	<div class="row">
	    <div class="col-lg-12 margin-tb">
	        <div class="pull-left">
	            <h2>Update Menu Categories</h2>
	        </div>
	        <div class="pull-right">
	            <a class="btn btn-primary btn-sm" href="{{ route('categories.index') }}"> Back</a>
	        </div>
	    </div>
	</div>

	<form id="createChannelID" class="form-horizontal addBorderClass" role="form" method="POST" action="{{ route('categories.update') }}" enctype='multipart/form-data' >
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <input type="hidden" name="id" value="{{ $data->id }}">

            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <label class="col-md-2">Name:</label>
                        <input type="text" class="col-md-4" name="name" required value="{{ $data->name }}">
                        <div class="col-md-3"></div>
                    </div>
					<div class="form-group">
                        <label class="col-md-2">Sub Title:</label>
                        <input type="text" class="col-md-4" name="sub_title" value="{{ $data->sub_title }}">
                        <div class="col-md-3"></div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2">Menu Side:</label>
                        <select class="col-md-4" required name="menu_side">
                            <option value="">-- Select menu side --</option>
                          
                            <option value="left" @if($data->menu_side == "left") selected @endif>Left</option>
							<option value="middle" @if($data->menu_side == "middle") selected @endif>Middle</option>
                            <option value="right" @if($data->menu_side == "right") selected @endif>Right</option>
                            <option value="bottom" @if($data->menu_side == "bottom") selected @endif>Bottom</option>
                            <option value="top" @if($data->menu_side == "top") selected @endif>Top</option>
                      
                        </select>
                        <div class="col-md-3"></div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2">Distro Type:</label>
                        <select class="col-md-4" required name="app_type[]" multiple>
                            <option value="">Select Apk Type</option>
                            @foreach($appTypeList as $typeList)
                            <option value="{{ $typeList['id'] }}" @if(in_array($typeList['id'],explode(',',$data->app_type))) selected @endif>{{$typeList['app_type'] }}</option>
                            @endforeach	
                        </select>
                        <div class="col-md-3"></div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2">Image Name:</label>
                        <input type="text" class="col-md-4" name="image" value="{{ $data->image }}">
                        <div class="col-md-3"></div>
                    </div>
                  
                        <div class="form-group">
                            <label class="col-md-2">Background Image:</label>
                            <input type="file" class="col-md-3" name="background_image" value="{{ $data->background_image }}"/>   
                            <div class="col-md-3"><img src="{{ asset("/storage/uploads/category/$data->background_image") }}" class="image-responsive" width="100">{{ $data->background_image }}</div>          
                         </div>                    
                  
                </div>
                
                <div class="col-xs-12 col-sm-12 col-md-12 add-sub-category ">
                    <div class="form-group">
                            <label class="col-md-2">Sub Category:</label>
                            <input type="text" class="col-md-4" name="subCat[]" />
                            <input type="file" class="col-md-3" name="subCatImage[]" />
                            
                            <div class="col-md-2">
                                <a class="btn btn-primary addCategory">Add</a>
                            </div>
                    </div>                    
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12 add-sub-category ">
                    <div class="form-group">
                        <label class="col-md-2">Search Term:</label>
                        <input type="text" class="col-md-4" name="search_term" value="{{ $data->search_term }}" required>
                        <div class="col-md-3"></div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12 add-sub-category ">
                    <div class="form-group">
                        <label class="col-md-2">Search Icon:</label>
                        <input type="text" class="col-md-4" name="search_icon" value="{{ $data->search_icon }}" placeholder="Search icon name">
                        <div class="col-md-3"></div>
                    </div>
                </div> 
                <div class="col-xs-12 col-sm-12 col-md-12 add-sub-category ">
                    <div class="form-group">
                        <label class="col-md-2">Webview Url:</label>
                        <input type="text" class="col-md-4" name="web_url" value="{{ $data->web_url }}">
                        <div class="col-md-3"></div>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12 add-sub-category ">
                    <div class="form-group">
                        <label class="col-md-2">Web Front Url:</label>
                        <input type="text" class="col-md-4" name="web_front_url" value="{{ $data->web_front_url }}">
                        <div class="col-md-3"></div>
                    </div>
                </div>


                <div class="col-xs-12 col-sm-12 col-md-12 text-left">
                    <button type="submit" class="btn btn-primary btn-sm">Submit</button>
                </div>
            </div>
	</form>
    
<script type="text/javascript">
    $(".addCategory").click(function() {
        $(".add-sub-category").append('<div class="col-xs-12 col-sm-12 col-md-12"><div class="form-group"><label class="col-md-2">&nbsp;</label><input type="text" class="col-md-4" name="subCat[]" /><input type="file" class="col-md-3" name="subCatImage[]" /><div class="col-md-2"></div></div></div>')
    });
</script>
@endsection