@extends('admin.layouts.admin_app')
@include('admin.include.form-styles')
@section('dashboard_content')

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.8.1/css/bootstrap-select.css">
<link rel="stylesheet" type="text/css" href="{{ asset('admin/tools/datetimepicker/jquery.datetimepicker.css') }}" />

<header class="page-header">
    <h2>Eventos</h2>
</header>
<section class="panel">
    <header class="panel-heading">
        <h2 class="panel-title">Nuevo evento</h2>
        <div class="pull-right">
            <a href="{{ route('eventos.index') }}" class="btn btn-default">
                Cancelar
            </a>
            <button type="submit" class="btn btn-primary" form="eventos-form">
                Guardar
            </button>
        </div>
    </header>
    <div class="panel-body">
        <form id="eventos-form" action="{{ $evento->exists ? route('eventos.update', $evento->eventoid) : route('eventos.store') }}" class="form-horizontal" method="post" onsubmit="$('[form=\'eventos-form\']').prop('disabled', true)" enctype="multipart/form-data">

            @if($evento->exists)
            @method('PATCH')
            @endif

            @csrf

            <div class="row">
                <div class="col-lg-8">
                    <div class="index-content">
                        <div class="card">
                            <h3 class="margin-x">
                                <i class="fa fa-info-circle" aria-hidden="true"></i>
                                Información general
                            </h3>
                            <div class="row">
                                <div class="col-lg-8">
                                    <div class="form-group {{ $errors->has('evento') ? 'has-error' : null }}">
                                        <label class="control-label" for="evento">Evento:</label>
                                        <input type="text" id="evento" name="evento" class="form-control" value="{{ old('evento') ?? $evento->evento }}">
                                        <label class="help-block">
                                            {{ $errors->has('evento') ? $errors->first('evento') : null }}
                                        </label>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="form-group {{ $errors->has('fecha') ? 'has-error' : null }}">
                                        <label class="control-label" for="fecha">Fecha:</label>
                                        <input type="text" id="fecha" autocomplete="off" name="fecha" class="form-control" value="{{ old('fecha') ?? $evento->fecha }}">
                                        <label class="help-block">
                                            {{ $errors->has('fecha') ? $errors->first('fecha') : null }}
                                        </label>
                                    </div>
                                </div>
                            </div> <br>
                            <div class="row">
                                <div class="col-lg-4">
                                    <div class="form-group {{ $errors->has('sede') ? 'has-error' : null }}">
                                        <label class="control-label" for="sede">Sede/link:</label>
                                        <input type="text" id="sede" name="sede" class="form-control" value="{{ old('sede') ?? $evento->sede }}">
                                        <label class="help-block">
                                            {{ $errors->has('sede') ? $errors->first('sede') : null }}
                                        </label>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="form-group {{ $errors->has('ciudad') ? 'has-error' : null }}">
                                        <label class="control-label" for="ciudad">Ciudad:</label>
                                        <input type="text" id="ciudad" name="ciudad" class="form-control" value="{{ old('ciudad') ?? $evento->ciudad }}">
                                        <label class="help-block">
                                            {{ $errors->has('ciudad') ? $errors->first('ciudad') : null }}
                                        </label>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="form-group {{ $errors->has('idioma') ? 'has-error' : null }}">
                                        <label class="control-label" for="idioma">Idioma:</label>
                                        <select name="idioma" id="idioma" class="form-control">
                                            <option {{ old('idioma', $evento->idioma) == 0? 'selected': '' }} value=0>Español</option>
                                            <option {{ old('idioma', $evento->idioma) == 1? 'selected': '' }} value=1>Inglés</option>
                                        </select>
                                        <label class="help-block">
                                            {{ $errors->has('idioma') ? $errors->first('idioma') : null }}
                                        </label>
                                    </div>
                                </div>
                            </div> <br>

                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group {{ $errors->has('contenido') ? 'has-error' : null }}">
                                        <label class="control-label" for="contenido">Contenido:</label>
                                        <textarea name="contenido" id="contenido" class="summernote" data-plugin-summernote data-plugin-options='{ "height": 230, "codemirror": { "theme": "ambiance" }, "removeFormat": true, "toolbar" : [
                                                        ["fontsizeUnits", ["px"]],
                                                        ["style", ["bold", "underline" ,"italic", "clear"]],
                                                        ["view", ["fullscreen"]],

                                                        ["insert", ["link","picture", "video"]],
                                                          ["table", ["table"]],["para", ["ul", "ol"]]
                                                        ] }'>
                                            {!! old('contenido') ?? $evento->contenido !!}
                                        </textarea>
                                        <label class="help-block">
                                            {{ $errors->has('contenido') ? $errors->first('contenido') : null }}
                                        </label>
                                    </div>
                                </div>
                            </div> <br>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group {{ $errors->has('perfil_asistente') ? 'has-error' : null }}">
                                        <label class="control-label" for="perfil_asistente">Perfil del asistente:</label>
                                        <textarea name="perfil_asistente" id="perfil_asistente" class="summernote" data-plugin-summernote data-plugin-options='{ "height": 180, "codemirror": { "theme": "ambiance" }, "removeFormat": true, "toolbar" : [
                                                        ["fontsizeUnits", ["px"]],
                                                        ["style", ["bold", "underline" ,"italic", "clear"]],
                                                        ["view", ["fullscreen"]],

                                                        ["insert", ["link","picture", "video"]],
                                                          ["table", ["table"]],["para", ["ul", "ol"]]
                                                        ] }'>
                                            {!! old('perfil_asistente') ?? $evento->perfil_asistente !!}
                                        </textarea>
                                        <label class="help-block">
                                            {{ $errors->has('perfil_asistente') ? $errors->first('perfil_asistente') : null }}
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="index-content">
                        <div class="card">
                            <h3 class="margin-x">
                                <i class="fas fa-image" aria-hidden="true"></i>
                                Imágenes
                            </h3>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group {{ $errors->has('img') ? 'has-error' : null }}">
                                        <label class="control-label" for="img">Fyler</label>
                                        <input id="img" name="img" type="file" />
                                        <span class="help-block">
                                            {{ $errors->has('img')
                                                ?  str_replace('img', 'img', $errors->first('img'))
                                                : 'Medidas: 900x540 500kb Max, (PNG, JPEG)' }}
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <h3 class="margin-x">
                                <i class="fas fa-image" aria-hidden="true"></i>
                                Información de contacto
                            </h3>

                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group {{ $errors->has('responsable') ? 'has-error' : null }}">
                                        <label class="control-label" for="responsable">Responsable:</label>
                                        <input type="text" id="responsable" name="responsable" class="form-control" value="{{ old('evento') ?? $evento->responsable }}">
                                        <label class="help-block">
                                            {{ $errors->has('responsable') ? $errors->first('responsable') : null }}
                                        </label>
                                    </div>
                                </div>
                                {{-- <div class="col-lg-12">
                                    <div class="form-group {{ $errors->has('responsable') ? 'has-error' : null }}">
                                        <label class="control-label" for="responsable">Responsable:</label>
                                        <select class="form-control" name="responsable" id="responsable">
                                            <option value="">Selecciona responsable</option>
                                            @foreach ($responsables as $responsable)
                                            <option {{ old('responsable', $evento->responsable) == $responsable->equipoid? 'selected': '' }} value="{{ $responsable->equipoid }}">{{ $responsable->nombre . ' ' . $responsable->paterno }}</option>
                                            @endforeach
                                        </select>
                                        <label class="help-block">
                                            {{ $errors->has('responsable') ? $errors->first('responsable') : null }}
                                        </label>
                                    </div>
                                </div> --}}
                            </div> <br>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group {{ $errors->has('url_registro') ? 'has-error' : null }}">
                                        <label class="control-label" for="url_registro">URL de Registro:</label>
                                        <input type="text" id="url_registro" name="url_registro" class="form-control" value="{{ old('url_registro') ?? $evento->url_registro }}">
                                        <label class="help-block">
                                            {{ $errors->has('url_registro') ? $errors->first('url_registro') : null }}
                                        </label>
                                    </div>
                                </div>
                            </div> <br>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group {{ $errors->has('email') ? 'has-error' : null }}">
                                        <label class="control-label" for="email">Email:</label>
                                        <input type="text" id="email" name="email" class="form-control" value="{{ old('email') ?? $evento->email }}">
                                        <label class="help-block">
                                            {{ $errors->has('email') ? $errors->first('email') : null }}
                                        </label>
                                    </div>
                                </div>
                            </div> <br>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group {{ $errors->has('telefono') ? 'has-error' : null }}">
                                        <label class="control-label" for="telefono">Teléfono:</label>
                                        <input type="text" id="telefono" name="telefono" class="form-control" value="{{ old('telefono') ?? $evento->telefono }}">
                                        <label class="help-block">
                                            {{ $errors->has('telefono') ? $errors->first('telefono') : null }}
                                        </label>
                                    </div>
                                </div>
                            </div> <br>
                        </div>
                        <div class="card">
                            <div class="panel-group" id="accordion3" role="tablist" aria-multiselectable="false">
                                <div class="panel panel-default">
                                    <div class="panel-heading" role="tab" id="headingOne" style="background-color:#fff;">
                                        <h3 class="panel-title">
                                            <a role="button" class="collapsed" data-toggle="collapse" data-parent="#accordion3" href="#collapseOne3" aria-expanded="true" aria-controls="collapseOne3">
                                                <i class="fas fa-file-image" aria-hidden="true"></i>
                                                Descargable 1
                                            </a>
                                        </h3>
                                    </div>
                                    <div id="collapseOne3" class="panel-collapse expanded collapse in" role="tabpanel" aria-labelledby="headingOne">
                                        <div class="panel-body">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="form-group {{ $errors->has('archivo_nombre_1') ? 'has-error' : null }}">
                                                        <label class="control-label" for="archivo_nombre_1">Nombre del archivo</label>
                                                        <input type="text" id="archivo_nombre_1" name="archivo_nombre_1" class="form-control" value="{{ old('archivo_nombre_1') ?? $evento->archivo_nombre_1 }}">
                                                        <span class="help-block">
                                                            {{ $errors->has('archivo_nombre_1') ? $errors->first('archivo_nombre_1') : null }}
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="form-group {{ $errors->has('archivo_file_1') ? 'has-error' : null }}">
                                                        <label class="control-label" for="archivo_file_1">Archivo</label>
                                                        <input type="file" name="archivo_file_1" id="archivo_file_1" accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,.pdf,.zip">
                                                        <span class="help-block">
                                                            {{ $errors->has('archivo_file_1')
                                                                ? str_replace('archivo_file_1', '', $errors->first('archivo_file_1'))
                                                                : 'Formato de archivo *.pdf, *.zip, *.pptx, *.xls, *.doc, *.docx' }}
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="panel-group" id="accordion3" role="tablist" aria-multiselectable="false">
                                <div class="panel panel-default">
                                    <div class="panel-heading" role="tab" id="headingOne" style="background-color:#fff;">
                                        <h3 class="panel-title">
                                            <a role="button" class="collapsed" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne2" aria-expanded="false" aria-controls="collapseOne2">
                                                <i class="fas fa-file-image" aria-hidden="true"></i>
                                                Descargable 2
                                            </a>
                                        </h3>
                                    </div>
                                    <div id="collapseOne2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="collapseOne2">
                                        <div class="panel-body">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="form-group {{ $errors->has('archivo_nombre_2') ? 'has-error' : null }}">
                                                        <label class="control-label" for="archivo_nombre_2">Nombre del archivo</label>
                                                        <input type="text" id="archivo_nombre_2" name="archivo_nombre_2" class="form-control" value="{{ old('archivo_nombre_2') ?? $evento->archivo_nombre_2 }}">
                                                        <span class="help-block">
                                                            {{ $errors->has('archivo_nombre_2') ? $errors->first('archivo_nombre_2') : null }}
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="form-group {{ $errors->has('archivo_file_2') ? 'has-error' : null }}">
                                                        <label class="control-label" for="archivo_file_2">Archivo</label>
                                                        <input type="file" name="archivo_file_2" id="archivo_file_2" accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,.pdf,.zip">
                                                        <span class="help-block">
                                                            {{ $errors->has('archivo_file_2')
                                                                ? str_replace('archivo_file_2', '', $errors->first('archivo_file_2'))
                                                                : 'Formato de archivo *.pdf, *.zip, *.pptx, *.xls, *.doc, *.docx' }}
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <footer class="panel-footer">
        <div class="pull-right">
            <a href="{{ route('eventos.index') }}" class="btn btn-default">
                Cancelar
            </a>
            <button type="submit" class="btn btn-primary" form="eventos-form">
                Guardar
            </button>
        </div>
    </footer>
</section>

@endsection

<style>
    .btn-group.bootstrap-select.show-tick {
        width: 100% !important;
    }
</style>
@section('multiselect')
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.8.1/js/bootstrap-select.js"></script>
<script src="{{ asset('admin/tools/datetimepicker/jquery.datetimepicker.full.min.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#instructores').selectpicker();
        $('#fecha').datetimepicker();
        
        let selectedType = $('#tipo').children("option:selected").val();
        swapLearning(selectedType);
        $('#tipo').change(function() {
            selectedType = $(this).children("option:selected").val();
            swapLearning(selectedType);
        });    
    });

    function swapLearning(selectedType){
        if (selectedType == 1) {
            $('#e-learning').show();
        } else {
            $('#e-learning').hide();
        }
    }
</script>
@endsection