@extends('templates.admin.admin-template')

@section('css')
    {!! Html::style('css/general/chosen.css') !!}

@endsection

@section('js')
    {!! Html::script('js/general/ajax.js') !!}
    {!! Html::script('js/general/alert-message.js') !!}
    {!! Html::script('js/general/jquery.functions.js') !!}
    {!! Html::script('js/general/chosen.jquery.js') !!}
    {!! Html::script('js/general/jquery.sortable.min.js') !!}
    {!! Html::script('js/admin/gestor-seleccion-imagenes/seleccion-imagen.js') !!}
@endsection

@section('contenido')
    <div id="cuadro-mensajes"></div>
    <div class="container-fluid">
        <div class="panel-body">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4><b>{{'Información General'}}</b></h4>
                    </div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-4">
                                {{--{!! Form::hidden('imagen', null) !!}--}}
                                <button id="anadir-imagen"
                                        data-toggle="modal"
                                        type="button"
                                        class="btn btn-primary btn-block"
                                        data-title="Seleccionar imagenes"
                                        data-size-modal="modal-90-porciento"
                                        data-href="{{ route('post-selector-imagene') }}">
                                    <b class="glyphicon glyphicon-import"></b>&nbsp;Seleccionar primera Imagen
                                </button>
                                <div class="col-md-12 imagen">
                                </div>
                            </div>
                            <div class="col-md-4">
                                {{--{!! Form::hidden('imagen', null) !!}--}}
                                <button id="anadir-imagen-secundaria"
                                        data-toggle="modal"
                                        type="button"
                                        class="btn btn-primary btn-block"
                                        data-title="Seleccionar imagenes"
                                        data-size-modal="modal-90-porciento"
                                        data-href="{{ route('post-selector-imagen-secundaria') }}">
                                    <b class="glyphicon glyphicon-import"></b>&nbsp;Seleccionar segunda imagen
                                </button>
                                <div id="imagen-secundaria" class="col-md-12">
                                </div>
                            </div>
                            <div class="col-md-4">
                                {{-- {!! Form::hidden('imagen', null) !!}--}}
                                <button id="anadir-multiples-archivos"
                                        data-toggle="modal"
                                        type="button"
                                        class="btn btn-primary btn-block"
                                        data-title="Seleccionar imagenes"
                                        data-size-modal="modal-90-porciento"
                                        data-href="{{ route('post-selector-multiple-archivos') }}">
                                    <b class="glyphicon glyphicon-import"></b>&nbsp;Seleccionar multiples archivos
                                    archivos
                                </button>
                            </div>
                            <div id="multiples-archivos" class="col-md-12">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <button id="anadir-imagen-modal"
                                        class="btn btn-info"
                                        type="button"
                                        data-href="{{ route('post-admin-vtn-modal-singrl-imagen') }}"
                                        data-title="ventana single imagenes">
                                    <b class="glyphicon glyphicon-plus"></b>&nbsp;vtn modal single imagen
                                </button>
                            </div>
                            <div class="col-md-4">
                                <button id="anadir-imagen-modal"
                                        class="btn btn-info"
                                        type="button"
                                        data-href="{{ route('post-admin-vtn-modal-multiple-imagen') }}"
                                        data-title="Ventana multiple imagenes">
                                    <b class="glyphicon glyphicon-plus"></b>&nbsp;vtn modal Multiple imagen
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel-body">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-md-4">
                                <h4><b>{{'Multiples imagenes'}}</b></h4>
                            </div>
                            <div class="col-md-8 text-right">
                                <a id="anadir-multiples-imagenes"
                                   data-title="{{ 'Seleccionar imagenes' }}"
                                   data-size-modal="modal-90-porciento"
                                   data-href="{{ route('post-selector-multiple-imagenes') }}"
                                   class="btn btn-info text-right margin-bottom-h3">
                                    <b class="glyphicon glyphicon-search"></b>&nbsp;
                                    {{'seleccionar'}}
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="panel-body">
                        <div class="col-md-12">
                            <ul id="multiples-imagenes" class="sortable row">
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection