@extends('core::layouts.master')
@section('breadcrumb','Bố cục trang chủ')
@section('head')
@endsection
@section('content')
<style>
    #modal-form-setting .input-group { width: 100%; }
    .widget-form .form_items .form-group{
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        background-color: #fff;
        border: 1px dashed #999;
    }
    .widget-form .form_items .form-group .text-capitalize{width: 100%; padding-top: 10px;}
    .widget-form .form_items .form-group .text-capitalize:hover{cursor: move;}
    .store-form:hover{cursor: default;}
    .form_items .input-group-addon .checker {display: inline-block;}
    .form_items .sortable-placeholder{padding: 6px 0px; margin-bottom: 20px;}
    textarea{max-width: 100%}
</style>
<script type="text/javascript">
var route_order = "{{ route('admin.widget.order') }}";
</script>
<div class="col-xs-7 col-lg-8" id="widgets-right">
    <div class="col-xs-12 col-sm-6">
        @php
        $count = 0;
        @endphp
        @foreach ($layout_theme as $pos=> $blocks)
        @php
        $count++;
        @endphp
        @foreach ($blocks as $block=>$element)
        <div class="panel panel-white">
            <div class="panel-heading">
                <h4 class="panel-title">{{ @$element['label'] }}
                <a class="heading-elements-toggle"><i class="icon-more"></i></a></h4>
                <div class="heading-elements">
                    <ul class="icons-list">
                        <li><a data-action="collapse" class="rotate-180"></a></li>
                    </ul>
                </div>
            </div>
            <div class="panel-body widget-block block_{{ $pos }}_{{ $block }}" id="block_{{ $pos }}_{{ $block }}" data-pos="{{ $pos }}" data-block="{{ $block }}">
                @isset ($element['widgets'])
                @foreach ($element['widgets'] as $widget)
                @php $widget_status = ($widget['is_published']==1)?'border-top-lg border-top-success':'' @endphp
                @include('widget::items.'.$widget['widget_taxonomy'], ['taxonomy'=>$widget['widget_taxonomy'],'data' => $widget,'class'=>'widget-item-exist '.$widget_status,'pos'=>$pos,'position'=>$widget_active[$widget['widget_taxonomy']]])
                @endforeach
                @endisset
            </div>
        </div>
        @if ($count ==1 )
    </div>
    <div class="col-xs-12 col-sm-6">
        @endif
        @endforeach
        @endforeach
    </div>
</div>
<div id="wrap-widgets">
    <div class="col-xs-5 col-lg-4 widget-availables">
        <div class="content-group">
            <h6 class="text-semibold">Danh sách Widgets</h6>
            <p>Để kích hoạt widget kéo nó vào khung bên trái. Để xóa kéo widget quay về.</p>
        </div>
        @foreach($widget_exist->split(2) as $widget_list)
        <div class="col-xs-12 col-sm-6 no-padding-left">
            @foreach($widget_list as $type=>$item)
            @include('widget::items.'.$type,['taxonomy'=>$type,'position'=>$widget_active[$type],'data'=>null,'class'=>null])
            @endforeach
        </div>
        @endforeach
    </div>
</div>
{{--Image preview--}}
<div id="modal_default" class="modal fade">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <img id="image_preview" src="http://placehold.it/450x350&text=Chưa%20có%20ảnh"
                style="width: 100%; max-height: 100%">
            </div>
        </div>
    </div>
</div>
{{--Banner popup--}}
<div id="modal_banner" class="modal fade">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                {{Form::bsSelect('Loại Banner', 'select_banner_type', ['image'=>'Hình ảnh', 'slider'=>'Slider'])}}
                <div class="modal_banner_select" id="modal_banner_select_image">
                    {{Form::bsLfFile(null, 'banner_select_image', null, ['width' =>'300','height' =>'150'])}}
                    {{Form::bsText('Đường dẫn', 'banner_select_link')}}
                </div>
                <div class="modal_banner_select" id="modal_banner_select_slider" hidden>
                    {{Form::bsSelect('Chọn slide','banner_select_slider',$sliders,@$data['config']['slide_id'])}}
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-link" data-dismiss="modal">Đóng</button>
                <button type="button" class="btn btn-info" id="btn_update_banner">Cập nhật</button>
            </div>
        </div>
    </div>
</div>
{{--Image popup--}}
<div id="modal_image" class="modal fade">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div class="modal_banner_select">
                    {{Form::bsLfFile(null, 'select_image', null, ['width' =>'300','height' =>'150'])}}
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-link" data-dismiss="modal">Đóng</button>
                <button type="button" class="btn btn-info" id="btn_update_image">Cập nhật</button>
            </div>
        </div>
    </div>
</div>
<div id="modal-form-setting" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Cấu hình widget from</h4>
            </div>
            <div class="modal-body">
                {{ Form::bsBoxOpen() }}
                <div class="row">
                    <div class="col-md-12">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Loại</th>
                                    <th width="30%" class="text-center">Sử dụng</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach(config('widget.widget_form_elements') as $key => $element)
                                <tr>
                                    <td>{{$element['title']}}</td>
                                    <td class="text-center">
                                        <div class="input-group">
                                            <input class="form-element-use" name="{{$key}}" data-key="{{$key}}" data-title="{{$element['title']}}" data-type="{{$element['type']}}" type="checkbox" value="1">
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                {{ Form::bsBoxClose() }}
            </div>
        </div>
    </div>
</div>
@endsection
@include('widget::scripts')