@php
$VerEditor = auth()->user()->can('Casos - Visor')
@endphp
@if($VerEditor)
@extends('layouts/app')
@section('tituloModulo', 'DATOS DEL CASO DEL CLIENTE: ' . strtoupper($datos->cliente) )
@section('contenido')
<div class="card">
    <div class="card-body">
        <h4 class="card-title">DATOS GENERALES</h4>
        <div class="row">
            <div class="col-md-6 col-12">
                <label class="control-label">No. Caso</label>
                <input class="form-control" type="text" name="numero_caso"  value="{{ $datos->numero_caso }}" disabled>
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label">No. de expendiente</label>
                <input class="form-control" type="text" name="expendiente"  value="{{ $datos->numero_expendiente_caso }}" disabled>
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label">Parte</label>
                <select class="form-select" aria-label="Default select example" name="parte" disabled>
                    @if ($datos->parte_caso)
                    <option value="{{ $datos->parte_caso }}">{{ $datos->parte_caso }}</option>
                    @endif
                </select>
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label is-required">Categoría del caso</label>
                <select class="form-select" aria-label="Default select example" name="categoria" disabled>
                    @if ($datos->codigo_cascat)
                    <option value="{{ $datos->codigo_cascat }}">{{ $datos->nombre_cascat }}</option>
                    @endif
                </select>
            </div>
            <div class="col-md-12 col-12">
                <label class="control-label is-required">Juzgados</label>
                <select class="form-select" aria-label="Default select example" name="juzgados" disabled>
                    @if ($datos->codigo_juzg)
                    <option value="{{ $datos->codigo_juzg }}">{{ $datos->nombre_juzg }}</option>
                    @endif
                </select>
            </div>
            <div class="col-md-12 col-12">
                <label class="control-label">Nombre referencia del caso</label>
                <input class="form-control" type="text" name="referencia"  value="{{ $datos->nombre_referencia_caso }}" disabled>
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label">Teléfono de referencia</label>
                <input class="form-control" type="text" name="telefono"  value="{{ $datos->telefono_referencia_caso }}" disabled>
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label">Cargo de caso</label>
                <input class="form-control" type="text" name="cargo"  value="{{ $datos->cargo_caso }}" disabled>
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label">Fecha de recepción</label>
                <input class="form-control" type="date" name="fechaRecepcion"  value="{{ $datos->fecha_recepcion_caso }}" disabled>
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label">Fecha de presentación</label>
                <input class="form-control" type="date" name="fechaPresentacion"  value="{{ $datos->fecha_presentacion_caso }}" disabled>
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label">Fecha de audencia</label>
                <input class="form-control" type="date" name="fechaAudencia"  value="{{ $datos->fecha_audencia_caso }}" disabled>
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label">Fecha de setencia</label>
                <input class="form-control" type="date" name="fechaSentencia"  value="{{ $datos->fecha_sentencia_caso }}" disabled>
            </div>
            <div class="col-md-12 col-12">
                @can('Casos - Editor')
                <button type="submit" class="btn btn-outline-success mt-2"><i class="bx bx-save"></i> Guardar</button>
                @endcan
                <a href="{{ route('casos.index')}}" class="btn btn-outline-danger mt-2">
                    <i class="bx bxs-arrow-from-right"></i><span> Regresar</span>
                </a>
            </div>
        </div>
    </div>
</div>
<div class="card">
    <div class="card-body">
        <h4 class="card-title">ETAPAS</h4>
        <div class="datatable-wrapper datatable-loading no-footer sortable searchable fixed-columns">
            <div class="datatable-container">
                <table class="table datatable datatable-table">
                    <thead>
                        <tr class="text">
                            <th data-sortable="true" scope="col">ETAPA</th>
                            <th data-sortable="true" scope="col">DESCRIPCIÓN</th>
                            <th data-sortable="true" scope="col">FECHA</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($etapas as $itemEtapa)
                        <tr>
                            <td data-title="ETAPA">{{ $itemEtapa->etapa_caet }}</td>
                            <td data-title="DESCRIPCIÓN">{{ $itemEtapa->descripcion_caet }}</td>
                            <td data-title="FECHA">{{ date("d/m/Y", strtotime($itemEtapa->fecha_caet)) }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="datatable-bottom">
                <nav class="datatable-pagination">
                    <ul class="datatable-pagination-list"></ul>
                </nav>
            </div>
        </div>
    </div>
</div>
<div class="card">
    <div class="card-body">
        <h4 class="card-title">ACTIVIDADES</h4>
        <div class="datatable-wrapper datatable-loading no-footer sortable searchable fixed-columns">
            <div class="datatable-container">
                <table class="table datatable datatable-table">
                    <thead>
                        <tr class="text">
                            <th data-sortable="true" scope="col">ACTIVIDAD</th>
                            <th data-sortable="true" scope="col">DESCRIPCIÓN</th>
                            <th data-sortable="true" scope="col">FECHA</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($actividades as $itemActividad)
                        <tr>
                            <td data-title="ETAPA">{{ $itemActividad->titulo_caac }}</td>
                            <td data-title="DESCRIPCIÓN">{{ $itemActividad->descripcion_caac }}</td>
                            <td data-title="FECHA">{{ date("d/m/Y", strtotime($itemActividad->fecha_caac)) }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="datatable-bottom">
                <nav class="datatable-pagination">
                    <ul class="datatable-pagination-list"></ul>
                </nav>
            </div>
        </div>
    </div>
</div>
<div class="card">
    <div class="card-body">
        <h4 class="card-title">DOCUMENTOS</h4>
        <div class="row">
            @foreach ($documentos as $documento)
            <div class="col-md-3 col-6 text-center">
                <img src="{!! asset('assets/img/contrato.png') !!}" alt="" width="100%">
                <p style="font-size: 12px;"><strong>Titulo</strong> <br>{{ $documento->titulo_cado }}<br><strong>Creado</strong> <br>{{ date("d/m/Y", strtotime($documento->fecha_carga_cado)) }}</p>
                <a href={{ route('casos.download.documento', $documento->codigo_cado) }} class="btn btn-outline-primary mt-2"><i class="fa-solid fa-download"></i></a>
            </div>
            @endforeach
        </div>
    </div>
</div>
@endsection
@endif