@extends('core::layouts.master')
@section('stylesheet')
    {{ Html::style(Module::asset('Slider:Assets').'/css/index.css') }}
@endsection
@section('scripts')
@parent
    {{-- {{ Html::script(config('app.assets_url').'/components/select2/dist/js/select2.min.js') }} --}}
    {{-- {{ Html::script(config('app.assets_url').'/components/jquery-sortable/source/js/jquery-sortable.js') }} --}}
    {{-- {{ Html::script(config('app.assets_url').'/backend/js/pages/form_layouts.js') }} --}}
    {{ Html::script(Module::asset('Slider:Assets').'/js/index.js') }}
@endsection

@section('breadcrumb', 'Danh sách slider')
@section('content')
    <div class="modal fade" id="createSlider">
        <div class="modal-dialog modal-lg">
            <form action="{{route('admin.slider.store')}}" method="POST" role="form" id="createSliderForm">
                {{csrf_field()}}
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title">Tạo slider mới</h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="inputName">Tên slider (*): </label>
                            <input type="text" name="name" id="inputName" class="form-control" value="" required="required">
                        </div>
                        <div class="form-group" {{count($support_styles) <= 1 ? 'style=display:none;' : ""}}>
                            <label for="slider_style">Kiểu slider (*): </label>
                            <select name="slider_style" id="inputSlider_style" class="form-control select" required="required">
                                @foreach($support_styles as $style => $name)
                                    <option value="{{$style}}">{{$name}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Hủy</button>
                        <button type="submit" class="btn bg-blue" form="createSliderForm">Tạo</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div role="tabpanel">
        <!-- Nav tabs -->
        <ul class="nav nav-tabs" role="tablist">
            @foreach($sliders as $slider)
                <li class="{{$slider->id == $current_slider->id ? 'active' : ''}}">
                    <a href="{{route('admin.slider.show', ['id' => $slider->id])}}">{{$slider->name}}</a>
                </li>
            @endforeach
            <li role="presentation">
                <a class="btn btn-sm btn-head-action" data-toggle="modal" href='#createSlider'> <i class="fa fa-plus"></i> Tạo slider</a>
            </li>
        </ul>
        <div class="row media-container hidden" id="sliderImages">
            <input id="images" name="image_srcs" value="" type="hidden">
        </div>
        <!-- Tab panes -->
        <div class="tab-content">
            @if($current_slider)
                <div role="tabpanel" class="tab-pane active" data-id="{{$current_slider->id}}">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <form action="{{route('admin.slider.update', ['id' => $current_slider->id])}}" method="POST" class="form-horizontal" role="form" id="updateGallery">
                                {{ method_field('PUT') }}
                                {{ csrf_field() }}

                                <div class="row">
                                    <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
                                        <div class="form-group">
                                            <label for="inputName" class="col-sm-2 control-label">Tên slider:</label>
                                            <div class="col-xs-12 col-sm-10 col-md-10 col-lg-10">
                                                <input type="text" name="name" id="inputName" class="form-control" value="{{$current_slider->name}}" required="required">
                                            </div>

                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4" style="padding-top: 10px">
                                        <button type="button" class="btn btn-danger btn-sm btn_tab_command pull-right btn_delete_slider" data-href="{{route('admin.slider.destroy', ['id'=>$current_slider->id])}}">Xóa slider</button>
                                        <button type="submit" class="btn bg-blue pull-right btn-sm btn_tab_command">Lưu thay đổi</button>
                                        <a data-input="images" data-type="multiple" data-preview="sliderImages" id="lfm_gallery2" class="btn btn-sm btn-default btn_tab_command pull-right" bs-type="filemanager">
                                            <i class="fa fa-camera-retro"></i> Thêm ảnh
                                        </a>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
                                        <ol class="sortable">
                                            @foreach($current_slider->images as $image)
                                                @includeIf('slider::image_panel')
                                            @endforeach
                                        </ol>
                                    </div>
                                    <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                                        {{ Form::bsBoxOpen("Cấu hình Slider <small>(".WbTheme::getThumbConfig('slider').")</small>")}}
                                            <div class="form-group" {{count($support_styles) <= 1 ? 'style=display:none;' : ""}}>
                                                <label>Kiểu slider chính</label>
                                                <select name="slider_style" class="form-control change_slider_style select" required="required">
                                                    @foreach($support_styles as $style => $name)
                                                        <option value="{{$style}}" {{$current_slider->style == $style ? 'selected': ''}}>{{$name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            @php
                                                // this variable is used in each slider setting element
                                                $stored_config = $current_slider->config;
                                            @endphp
                                            @foreach($configs_in_file as $file_config)
                                                <div class="{{$file_config->key != $current_slider->style ? 'hidden': ''}} {{$file_config->key}} config_area">
                                                    @foreach($file_config->custom as $element_config)
                                                        @includeIf('slider::setting_elements.' . $element_config->type)
                                                    @endforeach
                                                </div>
                                            @endforeach
                                        {{ Form::bsBoxClose() }}
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>
@endsection