EVOLUTION-MANAGER

Edit File: atractivos_index.blade.php

@extends("admin.layouts.app")

@section("title")
  Servicios
@endsection

@section("estilos")

@endsection

@section("contenido")

<div class="content-header">
        <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0">Gesti&oacute;n de Inventario de Atractivos</h1>
            </div>
        </div>
        </div>
    </div>

<section class="content">
        <div class="container-fluid">
            <div class="row">
     
                <div id="content_formulario" class="col-md-12" style="display: none;">
                    <div class="card card-default">
                        <div class="card-header">
                            <h3 class="card-title">
                                <b>Formulario de Atractivos</b>
                            </h3>
                        </div>

<div class="col-sm-6">
                                        <div class="input-group mb-2">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><span class="requerido">*</span><b>Parroquia {!!espacio(0)!!}</b></span>
                                            </div>
                                            <select class="form-control" name="parroquia" id="parroquia" required>
                                                <option selected value="">-- Seleccione --</option>
                                                @foreach ($parroquias as $parro)
                                                    <option value="{{$parro->id}}">{!!$parro->nombre!!}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    
                                    <div class="col-sm-6">
                                        <div class="input-group mb-2">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><b>Ficha T&eacute;cnica {!!espacio(0)!!}</b></span>
                                            </div>
                                            <div class="custom-file">
                                                <input type="file" id="ficha_tecnica" name="ficha_tecnica" class="custom-file-input" accept="application/pdf">
                                                <label class="custom-file-label" for="ficha_tecnica">Seleccionen un documento</label>
                                            </div>
                                            <div id="content_verficha" class="content_verficha">
                                                <a href="#" id="btn_verficha" target="_blank"><i class="fa fa-eye"></i> <b>Ver Ficha</b></a>
                                            </div>  
                                        </div>                                                                          
                                    </div>
        
                                    <div class="col-sm-12">
                                        <div class="input-group mb-2">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><span class="requerido">*</span> <b>Nombre {!!espacio(3)!!}</b></span>
                                            </div>
                                            <input type="text" name="nombre" id="nombre" class="form-control" placeholder="Escriba aquí..." value=""  required>
                                        </div>
                                    </div>

<div class="col-sm-6">
                                        <div class="input-group mb-2">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><span class="requerido">*</span> <b>Direcci&oacute;n {!!espacio(0)!!}</b></span>
                                            </div>
                                            <input type="text" name="direccion" id="direccion" class="form-control" placeholder="Escriba aquí..." value=""  required>
                                        </div>
                                    </div>

<div class="col-sm-6">
                                        <div class="input-group mb-2">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><b>Correo {!!espacio(0)!!}</b></span>
                                            </div>
                                            <input type="email" name="correo" id="correo" class="form-control" placeholder="Escriba aquí..." value="">
                                        </div>
                                    </div>

<div class="col-sm-6">
                                        <div class="input-group mb-2">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><b>Tel&eacute;fono {!!espacio(0)!!}</b></span>
                                            </div>
                                            <input type="number" name="telefono" id="telefono" class="form-control" placeholder="000000000" value="">
                                        </div>
                                    </div>

<div class="col-sm-6">
                                        <div class="input-group mb-2">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><b>Celular {!!espacio(0)!!}</b></span>
                                            </div>
                                            <input type="text" name="celular" id="celular" class="form-control" placeholder="000000000" value="">
                                            <div class="input-group-prepend">                                                
                                                <span class="input-group-text" style="border-left: none;">
                                                    <label for="celular_what" style="margin-bottom: 0px;">
                                                        <i class="fab fa-whatsapp" style="margin-right: 10px;"></i>
                                                    </label>                                                    
                                                  <input type="checkbox" name="celular_what" id="celular_what">
                                                </span>
                                              </div>
                                        </div>
                                    </div>

<div class="col-sm-6">
                                        <div class="input-group mb-2">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><b>Costo {!!espacio(0)!!}</b></span>
                                            </div>
                                            <input type="number" name="costo" id="costo" class="form-control" placeholder="0.00" value="">
                                        </div>
                                    </div>

<div class="col-sm-6">
                                        <div class="input-group mb-2">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><b>Responsable {!!espacio(0)!!}</b></span>
                                            </div>
                                            <input type="text" name="responsable" id="responsable" class="form-control" placeholder="Escriba aquí..." value="">
                                        </div>
                                    </div>

<div class="col-sm-6">
                                        <div class="input-group mb-2">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><b>Horario {!!espacio(0)!!}</b></span>
                                            </div>
                                            <input type="text" name="horario" id="horario" class="form-control" placeholder="Escriba aquí..." value="">
                                        </div>
                                    </div>

<div class="col-sm-6">
                                        <div class="input-group mb-2">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><b>Coordenadas {!!espacio(0)!!}</b></span>
                                            </div>
                                            <input type="text" name="latitud" id="latitud" class="form-control" placeholder="Latitud" value="">
                                            <input type="text" name="longitud" id="longitud" class="form-control" placeholder="Longitud" value="">
                                        </div>
                                    </div>

<div class="col-sm-12">
                                        <div style="padding: 0px 0px; margin: 15px 0px 0px 0px;">
                                            <span style="font-size: 15px;"><b class="text-success">Enlaces a redes sociales</b></span>
                                            <hr style="margin: 0px 0px 15px 0px;">
                                        </div>
                                    </div>

<div class="col-sm-6">
                                        <div class="input-group mb-2">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><b>URL p&aacute;gina web {!!espacio(0)!!}</b></span>
                                            </div>
                                            <input type="text" name="url_web" id="url_web" class="form-control" placeholder="Escriba aquí..." value="">
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="input-group mb-2">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><b>URL Facebook {!!espacio(0)!!}</b></span>
                                            </div>
                                            <input type="text" name="url_fb" id="url_fb" class="form-control" placeholder="Escriba aquí..." value="">
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="input-group mb-2">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><b>URL Instagram {!!espacio(0)!!}</b></span>
                                            </div>
                                            <input type="text" name="url_in" id="url_in" class="form-control" placeholder="Escriba aquí..." value="">
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="input-group mb-2">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><b>URL X {!!espacio(0)!!}</b></span>
                                            </div>
                                            <input type="text" name="url_x" id="url_x" class="form-control" placeholder="Escriba aquí..." value="">
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="input-group mb-2">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><b>URL Youtube {!!espacio(0)!!}</b></span>
                                            </div>
                                            <input type="text" name="url_yt" id="url_yt" class="form-control" placeholder="Escriba aquí..." value="">
                                        </div>
                                    </div>
        
                                </div>

<div class="col-sm-12">
                                    <div style="padding: 0px 0px; margin: 15px 0px 0px 0px;">
                                        <span style="font-size: 15px;"><b class="text-info">Lo que el atractivo ofrece</b></span>
                                        <hr style="margin: 0px 0px 15px 0px;">
                                    </div>
                                </div>

<button type="button" class="btn_agregar_ofrece btn btn-info btn-sm mb-3"><i class="fa fa-plus"></i> Agregar Ofrece </button>

<div id="card_ofrece" class="card_ofrece">                                     
                                        {{-- se carga con jquey --}}
                                    </div>

<div class="modal_agregar_ofrece modal fade">
                                        <div class="modal-dialog modal-xl">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h4 class="modal-title"><i class="fa fa-bars"></i> Ofrece</h4>
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                                    <div class="ofrece_form">
                                                        <div class="col-sm-12">
                                                            <div class="col-sm-12">
                                                                <div class="input-group mb-2">
                                                                    <div class="input-group-prepend">
                                                                        <span class="input-group-text"><b>Nombre {!!espacio(0)!!}</b></span>
                                                                    </div>
                                                                    <textarea type="text" class="ofrece_nombre form-control" placeholder="Escriba aquí..."></textarea>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12">
                                                                <div class="input-group mb-2">
                                                                    <div class="input-group-prepend">
                                                                        <span class="input-group-text"><i class="ofrece_view_icono"></i></span>
                                                                    </div>
                                                                    <input type="text" class="ofrece_icono form-control" placeholder="Escriba aquí...">
                                                                    <button type="button" class="ofrece_select_icono btn btn-default"> Seleccionar Icono </button>
                                                                </div>
                                                            </div>
                                                        </div>    
                                                    </div>
                                                    <div class="ofrece_lista_iconos">
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="ofrece_buscar_icono form-control">
                                                            <div class="input-group-prepend">
                                                              <span class="input-group-text"><i class="fas fa-search fa-fw"></i></span>
                                                            </div>                                                            
                                                        </div>
                                                        @include("admin.listado_iconos")
                                                    </div>
            
                                                </div>
                                                <div class="modal-footer justify-content-between">
                                                    <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fas fa-times"></i> Cerrar</button>
                                                    <button type="button" class="btn btn-primary ofrece_btn_agregar"><i class="fa fa-save"></i> Agregar</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

</div>

<div class="col-sm-12">
                                    <div style="padding: 0px 0px; margin: 15px 0px 0px 0px;">
                                        <span style="font-size: 15px;"><b class="text-primary">Imagenes</b></span>
                                        <hr style="margin: 0px 0px 15px 0px;">
                                    </div>
                                </div>

<div class="section_files col-sm-12">
                                    <div class="content_add">
                                        <button class="files_btn_agregar btn btn-sm btn-primary mb-3" type="button"><i class="fa fa-plus"></i> Agregar Imagen</button>
                                        <input type="file" 
                                            data-name="atractivo_imagen"
                                            data-detalle="false" 
                                            data-detalle-name="imagen_detalle"
                                            data-detalle-pl="Detalle" 
                                            class="files_btn_multiple" multiple hidden data-show-preview="false" accept="image/*" style="display: none">
                                    </div>
    
                                    <div id="content_files" class="content_files">
                                        {{-- se carga con jquery --}}
                                    </div>
                                </div>

<hr>
                                <button id="btn_servicio" class="btn btn-success"><i class="fa fa-save"></i> Guardar</button>
                                <button id="btn_cancelar" class="btn btn-warning" onclick="cancelar_editado()" type="button"><i class="fas fa-arrow-alt-circle-left"></i> Cancelar</button>

</div>                            
                        </form>
                    </div>
                </div>
                
                <div id="content_nuevo_atractivo" class="col-sm-12">
                    <button id="btn_nuevo_atractivo" class="btn btn-primary mb-3"><i class="fa fa-plus"></i> Agregar nuevo atractivo</button>
                </div>

<div class="col-md-12">
                    <div class="card card-default">
                        <div class="card-header">
                            <h3 class="card-title">
                                <b>Listado de Atractivos</b>
                            </h3>
                        </div>

<div class="card-body">
                            <table id="tabla_atractivos" class="table table-sm table-bordered table-hover">
                                <thead>
                                    <tr>
                                        <th style="width: 1px;">N#</th>
                                        <th>Parroquia</th>
                                        <th>Nombre</th>                                    
                                        <th style="width: 1px;">Opciones</th>
                                    </tr>
                                </thead>
                                <tbody>

</tbody>
                            </table>
                        </div>
                    </div>
                </div>

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

@endsection

@section("scripts")

@endsection