@extends('layouts.app')

@section('content')
<div class="container">
    @include('shared.messages')
    <div class="narrow_row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        Show Slot
                        <div class="pull-right">
                            <button type="button" class="btn btn-sm white w-xs" style='color:#2e3e4e;' onclick='window.history.back()'>Back</button>
                        </div>
                    </h3>
                </div>

                <div class="panel-body" style="display: inline-block;">
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label class="control-label">Name</label>
                            <input name="name" type="text" class="form-control" value="{{$slot->name}}" readonly="readonly" />
                        </div>
                    </div>
                    
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label class="control-label required">Menu index</label>
                            <input name="menu_index" type="text" class="form-control" value="{{$slot->menu_index}}" readonly="readonly" />
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label class="control-label required">DIR</label>
                            <select name="dir" class="form-control" disabled="disabled">
                                @foreach(__('texte.dir_types_arr') as $key=>$value)
                                    <option value="{{$key}}" {{$slot->dir==$key ? 'selected' : ''}}>{{$value}}</option>
                                @endforeach
                            </select>                                
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label class="control-label required">Data Type</label>
                            <select id="data_type" name="data_type" class="form-control" disabled="disabled">
                                @foreach(__('texte.data_types_arr') as $key=>$value)
                                    <option value="{{$key}}" {{$slot->data_type==$key ? 'selected' : ''}}>{{$value}}</option>
                                @endforeach                                    
                            </select>   
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label class="control-label" style="width:100%">Visible</label>
                            <input name="visibe" type="radio" value="0" {{$slot->visible==0 ? 'checked' : ''}} disabled="disabled"> No
                            <input name="visibe" type="radio" value="1" {{$slot->visible==1 ? 'checked' : ''}} disabled="disabled"> Yes
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label class="control-label required">Visual Element</label>
                            <select id="visual_element_id" name="visual_element_id" class="form-control" disabled="disabled">
                                @foreach(__('texte.visual_elements_arr') as $key=>$value)
                                    <option value="{{$key}}" {{$slot->visual_element_id==$key ? 'selected' : ''}}>{{$value}}</option>
                                @endforeach                                    
                            </select>  
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label class="control-label required">Min</label>
                            <input name="min" type="text" class="form-control" value="{{$slot->min}}" readonly="readonly" />
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label class="control-label required">Max</label>
                            <input name="max" type="text" class="form-control" value="{{$slot->max}}" readonly="readonly" />
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label class="control-label required">Step</label>
                            <input name="step" type="text" class="form-control" value="{{$slot->step}}" readonly="readonly" />
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label class="control-label required">Unit</label>
                            <input name="unit" type="text" class="form-control" value="{{$slot->unit}}" readonly="readonly" />
                        </div>
                    </div>
                </div>
                <div class="panel-footer"></div>
            </div>
        </div>
    </div>
</div>
@endsection