@extends('core::layouts.master')
@section('breadcrumb')
    @isset (request()->menu_id)
        <a href="{{ route('admin.menu.index',['menu_id'=>request()->menu_id]) }}">Menu</a> /
    @endisset
    Quản lý Hình ảnh
@endsection
@section('head-action')
    {{ Form::bsNavButton('Thêm hình ảnh','#', ['data-toggle'=>'modal', 'data-target'=>'#modal_add_image']) }}
@endsection
@section('content')
    <div class="panel panel-flat">
        <table class="table table-xlg datatable-ajax"
               data-source="{{ route('admin.gallery_image.datatables', request()->all()) }}"
               data-destroymulti="{{route('admin.gallery_image.destroy-multi')}}"
               data-updatemulti="{{route('admin.gallery_image.update-multi')}}">
            <thead>
            <tr>
                <th class="text-center" width="50">
                <input type="checkbox" bs-type="checkbox" value="all"
                                                          id="inputCheckAll"></th>
                <th class="text-center no-padding"></th>
                <th class="col-lg-4">Tiêu đề</th>
                <th>Youtube Link</th>
                <th>Alt</th>
                <th>Thể loại</th>
                <th class="text-center">Ngày đăng</th>
                <th width="110">Sắp xếp</th>
                <th class="text-center"></th>
            </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>

    <div id="modal_add_image" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h5 class="modal-title">Thêm hình ảnh</h5>
                </div>

                <div class="modal-body">
                    {!! Form::open([
                                    'method' => 'POST',
                                    'route'  => 'admin.gallery_image.store',
                                    'files'  => TRUE,
                                    'id' => 'gallery-form'
                                ]) !!}
                    {{ Form::bsSelectCategoryTree('thể loại','cat_id',['taxonomy'=>$taxonomy,'lang_code'=>$lang_code],@$gallery_image['cat_id']??request()->get('cat_id')) }}
                    {{ Form::bsLfMultiFile(null,'gallery') }}
                    {{ Form::bsCheckbox(null, 'is_published', ['1'=>'Hiện'], [1]) }}
                    <div class="row collapse" id="published_datetime">
                        <div class="col-md-10">
                            <input class="form-control" bs-type="singleDatePicker" name="published_at" type="text">
                        </div>
                        <div class="col-md-2"  style="margin-top: 7px;font-size: 1.2em">
                            <a href="#published_datetime" data-toggle="collapse" class="remmove_published_datetime"><i class="fa fa-remove"></i></a>
                        </div>
                    </div>
                    {!! Form::close() !!}
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-link" data-dismiss="modal">Đóng</button>
                    {{ Form::bsBtnSubmit('Cập nhật','gallery-form', ['data-modal'=>'modal_add_image']) }}
                </div>

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

    <div class="hide" id="ctgs">
        {{ Form::bsSelectCategoryTreeAll("cat_id",["taxonomy"=>"gallery_image","lang_code"=>$lang_code],request()->get("cat_id")??0) }}
    </div>

    <div id="modal_edit_image" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    @php($size = @(WbTheme::getThumbConfig('gallery_image')))
                    <h5 class="modal-title">Chỉnh sửa hình ảnh </h5>
                </div>
                <div class="modal-body">
                    {!! Form::open([
                                    'method' => 'PUT',
                                    'files'  => TRUE,
                                    'id' => 'image-update-form'
                                ]) !!}
                    {{ Form::bsSelectCategoryTree('thể loại','cat_id',['taxonomy'=>$taxonomy,'lang_code'=>$lang_code]) }}
                    {{ Form::bsText('Tiêu đề','title') }}
                    {{ Form::bsLfFile(null,'image',@$gallery_image['image'],['width'=>150,'height'=>120]) }}
                     {{ Form::bsText('alt','alt')}}
                    {{ Form::bsText('Youtube Link','video_link')}}
                    {!! Form::close() !!}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-link" data-dismiss="modal">Đóng</button>
                    {{ Form::bsBtnSubmit('Cập nhật','image-update-form', ['data-modal'=>'modal_edit_image']) }}
                </div>
            </div>
        </div>
    </div>
@endsection

@include('galleryimage::script')