EVOLUTION-MANAGER

Edit File: ruta_index.blade.php

@extends("admin.layouts.app")

@section("title")
  Turas Tur&iacute;ticas
@endsection

@section("estilos")

#editor_detalle{
            font-size: 1.2rem;
            font-family: system-ui;
        }
        .content_ver {
            width: inherit;
            text-align: right;
            margin-bottom: 2px;
            /* display: none; */
        }
        .custom-img-label::after {
            content: "IMG" !important;
        }
    </style>

#tabla_rutas tbody td{
            vertical-align: middle;
            width: max-content;
        }
        #tabla_rutas tbody td a{
            text-decoration: none;
            color: #343a40;
        }
        #tabla_rutas tbody td a:hover{
            color: #1854ef;
        }
        .td_logo{
            width: 1px;
        }
        .td_estado{
            width: 1px;
        }
        .td_boton{
            text-align: center;
        }
        .td_boton button{
            width: max-content;            
        }
        
    </style>

@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 Rutas Tur&iacute;sticas</h1>
            </div>
        </div>
        </div>
    </div>

<section class="content">
        <div class="container-fluid">
            <div class="row">
     
                <div id="content_formulario" class="col-md-12">
                    <div class="card card-default">
                        <div class="card-header">
                            <h3 class="card-title">
                                <b>Formulario Rutas</b>
                            </h3>
                        </div>

<table class="table_info_selec">
                                    <tr>
                                        <td class="left_td">
                                            <img class="img_icon" src="{{route_public('pagina/img/iconos/inicio/ruta_gastronomica.png')}}">
                                        </td>
                                        <td><b>Ruta</b> turistica</td>
                                        <td><b>Bahia</b> de caraquez</td>
                                    </tr>
                                </table>
                                                                
                                <hr>

<div class="row">
                                                                
                                    <div class="col-sm-12" style="height: 100%;">
                                        <label for="">Detalle:</label>
                                        <div id="editor_detalle">
                                            <p>Escriba aqu&iacute;</p>
                                        </div>
                                    </div>
                                    <input type="hidden" id="detalle" name="detalle">
                                    
                                    <div class="col-sm-6">
                                        <br>
                                        <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" name="ficha" class="custom-file-input" accept="application/pdf">
                                                <label class="custom-file-label" for="ficha">Seleccionen un documento</label>
                                            </div>
                                            <div id="content_verficha" class="content_ver">
                                                <a href="#" id="btn_verficha" target="_blank"><i class="fa fa-file-pdf"></i> <b>Ver Ficha</b></a>
                                            </div>  
                                        </div>                                                                          
                                    </div>

<div class="col-sm-6">
                                        <br>
                                        <div class="input-group mb-2">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><b>Imagen de Rutas {!!espacio(0)!!}</b></span>
                                            </div>
                                            <div class="custom-file">
                                                <input type="file" id="imagen" name="image" class="custom-file-input" accept="image/*">
                                                <label class="custom-file-label custom-img-label" for="imagen">Seleccionen una imagen</label>
                                            </div>
                                            <div id="content_verimagen" class="content_ver">
                                                <a href="#" id="btn_verficha" target="_blank"><i class="fa fa-image"></i> <b>Ver Imagen</b></a>
                                            </div>  
                                        </div>                                                                          
                                    </div>

</div>
                                <hr>
                                <button id="btn_ruta" 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 class="col-md-12">
                    <div class="card card-default">
                        <div class="card-header">
                            <h3 class="card-title">
                                <b>Listado de Rutas</b>
                            </h3>
                        </div>

<div class="card-body">
                            <table id="tabla_rutas" class="table table-sm table-bordered table-hover">
                                <thead>
                                    <tr>
                                        <th class="td_logo">Logo</th>
                                        <th>Ruta Turística</th>                                        
                                        <th>Parroquia</th>
                                        <th class="td_estado">Estado</th>            
                                        <th style="width: 1px;">Opciones</th>
                                    </tr>
                                </thead>
                                <tbody>

@foreach ($tipo_rutas as $tr=>$tipo_ruta)                                    
                                        <tr>
                                            <td class="td_logo" rowspan="{{sizeof($parroquias)+1}}">
                                                <img class="img_icon" src="{{route_public($tipo_ruta->icono)}}" alt="{{$tipo_ruta->codigo_url}}">
                                            </td>
                                            <td rowspan="{{sizeof($parroquias)+1}}">
                                                <a href="{{asset('rutas-turisticas/parroquia/'.$tipo_ruta->codigo_url)}}" target="_blank">
                                                    {!!$tipo_ruta->nombre!!}
                                                </a>                                                
                                            </td>
                                        </tr>
                                        @foreach ($parroquias as $p=>$parr)

@php
                                                $ruta_existe = $tipo_ruta->rutas
                                                    ->where("parroquia_id", $parr->id)
                                                    ->where("tipo_ruta_id", $tipo_ruta->id)
                                                    ->first();
                                            @endphp

<tr>
                                                @if($ruta_existe)
                                                    <td>
                                                        <a href="{{asset('rutas-turisticas/detalle-ruta/'.$ruta_existe->codigo_url)}}" target="_blank">
                                                            {!!$parr->nombre!!}
                                                        </a>
                                                    </td>
                                                @else
                                                    <td>{!!$parr->nombre!!}</td>
                                                @endif

<td class="td_estado">
                                                    @if($ruta_existe)
                                                        <span class="badge badge-success">Completo</span>
                                                    @else
                                                        <span class="badge badge-danger">Sin datos</span>
                                                    @endif
                                                </td>

<td class="td_boton">                                                    
                                                    @if($ruta_existe)
                                                        <button class="btn btn-xs btn-outline-primary"><i class="fa fa-edit"></i> Editar</button>
                                                    @else
                                                        <button class="btn btn-xs btn-primary"><i class="fa fa-plus"></i> Agregar</button>
                                                    @endif
                                                </td>
                                            </tr>

@endforeach
                                    @endforeach

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

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

@endsection

@section("scripts")

@endsection