@extends('admin.layout.default')
@section('content')

<div class="row">
    <div class="col-md-12 p-0">
        <div class="actionButtons pull-left">
            <a href="{{ $base }}" class="btn btn-sm btn-default pull-left">
                <i class="fa fa-chevron-left"></i> Regresar
            </a>
            <a href="#" data-target="btnSubmit" class="btn btn-sm btn-primary pull-left m-l-10 trigger">
                <i class="fa fa-check m-r-5"></i> Guardar
            </a>
        </div>
        <ol class="breadcrumb pull-right hidden-phone">
            <li><a href="/"><i class="fa fa-home"></i> Home</a></li>
            <li><a href="{{ $base }}">Eventos</a></li>
            <li class="active">{{ $event->title }}</li>
        </ol>
    </div>
</div>

<form novalidate="" class="form-horizontal form-bordered" data-parsley-validate="true"
    name="editForm" id="editForm" method="post" action="edit/{{ $event->id }}/{{ $event->title }}">

    <div class="row panels">
        <div class="col-md-7 m-t-10">
            <div class="panel panel-inverse">
                <div class="panel-heading">
                    <div class="panel-heading-btn">
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                    </div>
                    <h4 class="panel-title">Editar</h4>
                </div>
                <div class="panel-body">
                    <button type="submit" id="btnSubmit" class="btn btn-primary hidden">Save</button>
                    <input type="hidden" name="id" value="{{ $event->id }}" />
                    <input type="hidden" name="status" id="status" value="{{ $event->status }}" />
                    <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3">Estado:</label>
                        <div class="col-md-6 col-sm-6">
                            <div class="btn-group btn-group-justified statusButtons" data-target="status">
                                <a class="btn btn-success" rel="Activo"><i class="fa fa-check m-r-10"></i> Activo</a>
                                <a class="btn btn-default" rel="Inactivo"><i class="fa fa-check m-r-10"></i> Inactivo</a>
                            </div>
                        </div>
                    </div>
                    {{-- <div class="form-group">
                        <label class="control-label col-md-3">Programar:</label>
                        <div class="col-md-6 col-sm-6">
                            <input type="checkbox" name="programmed" id="programmed" {{ ($event->programmed) ? "checked" : ""  }} />
                            <label for="programmed">Publicación programada</label>
                        </div>
                    </div> --}}
                    <div class="form-group">
                        <label class="control-label col-md-3">Fecha del evento:</label>
                        <div class="col-md-6">
                            <div class="input-group date">
                                <input type="text" name="event_date" id="event_date" class="form-control" value="{{ $event->date }}" />
                                <label class="input-group-addon" for="event_date">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-md-3">Título:</label>
                        <div class="col-md-9">
                            <input class="form-control" name="title" placeholder="Title" value="{{ $event->title }}"
                                   data-type="alphanum" data-parsley-required="true" type="text" maxlength="50" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-3">Portada:</label>
                        <div class="col-md-9">
                            <div class="photo article" id="image" style="background-image: url({{ $event->image }});"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>



        <div class="col-md-5 m-t-10">
            <div class="panel panel-inverse">
                <div class="panel-heading">
                    <div class="panel-heading-btn">
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                    </div>
                    <h4 class="panel-title">Artículo</h4>
                </div>
                <div class="panel-body panel-form">
                    <textarea class="ckeditor" name="article" id="article">{{ $event->article }}</textarea>
                </div>
            </div>
        </div>
        <div class="col-md-12">
            <div class="panel panel-inverse">
                <div class="panel-heading">
                    <div class="panel-heading-btn">

                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                    </div>
                    <div class="btn-group pull-right">
                                <a href="/admin/events/reorder/{{ $event->id }}" class="btn btn-success btn-xs">Reordenar<i class="fa fa-plus m-r-5"></i></a>
                                <button type="button" id="gallery" class="btn btn-success btn-xs">Agregar<i class="fa fa-plus m-r-5"></i></button>
                            </div>
                    <h4 class="panel-title">Galería</h4>
                </div>
                <div class="panel-body panel-form">
                    <div class="row">
                        <div class="col-12" id="gallery-serverside">
                            @if ($event->gallery)
                                @foreach ($event->gallery as $image)
                                    <div class="imagePreview" style="background-image: url({{ $image->image }})">
                                        <div class="imagePreview__delete"><a href="delete-image/{{ $image->id }}"><i class="fa fa-minus-circle"></i></a></div>
                                    </div>
                                @endforeach
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</form>

@endsection