@extends('adminlte::page')

@section('title', 'VER SOLICITUD')

@section('content_header')
    <h1 class="m-0 text-dark">VER SOLICITUD</h1>
@stop

@section('content')
    <div class="card uper">
        <div class="card-header">
            <div class="row">
                <div class="col-md-6">
                    <a href="{{ route('solicitudes.index') }}" class="btn btn-warning">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"/>
                        </svg>
                        REGRESAR
                    </a>
                    @if ( $solicitud->estado == App\Models\Solicitud::ESTADO_EN_PROCESO )
                        @can(App\Constants\PermisosConstants::EDITAR_SOLICITUD_DOCUMENTO_INFORMACION_PUBLICA)
                        <a href="{{ route('solicitudes.edit', $solicitud->id) }}" class="btn btn-primary">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil" viewBox="0 0 16 16">
                                <path d="M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325"/>
                            </svg>
                            EDITAR
                        </a>
                        @endcan
                    @endif
                </div>
            </div>
        </div>
        <div class="card-body">
            @include('alerts.errors')
            @include('alerts.success')
            <br />
            @if ( $solicitud->estado == App\Models\Solicitud::ESTADO_EN_PROCESO )
                <div class="row">
                    @can(App\Constants\PermisosConstants::APROBAR_SOLICITUD_INFORMACION_PUBLICA)
                    <form id="form_aprobar_{{ $solicitud->id }}" action="{{ route('solicitudes.aceptar', ['id' => $solicitud->id]) }}" method="POST">
                        @csrf
                        @method('post')
                        <button type="button" class="btn btn-success" style="margin-left: 2px" onclick="preAprobarSolicitud({{ $solicitud->id }});">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check" viewBox="0 0 16 16">
                                <path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"/>
                            </svg>
                            Aceptar solicitud
                        </button>
                    </form>
                    <br />&nbsp;&nbsp;
                    @endcan
                    @can(App\Constants\PermisosConstants::RECHAZAR_SOLICITUD_INFORMACION_PUBLICA)
                    <form id="form_rechazar_{{ $solicitud->id }}" action="{{ route('solicitudes.rechazar', ['id' => $solicitud->id] ) }}" method="POST">
                        @csrf
                        @method('post')
                        <button type="button" class="btn btn-danger" style="margin-left: 2px" onclick="preRechazarSolicitud({{ $solicitud->id }});">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle" viewBox="0 0 16 16">
                                <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
                                <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/>
                            </svg>
                            Rechazar solicitud
                        </button>
                    </form>
                    @endcan
                </div>
                <br />
            @endif
            @if ( $solicitud->estado == App\Models\Solicitud::ESTADO_APROBADA )
                @can(App\Constants\PermisosConstants::DAR_BAJA_INFORMACION_PUBLICA)
                    <form id="form_eliminar_{{ $solicitud->id }}" action="{{ route('solicitudes.destroy', $solicitud->id ) }}" method="POST">
                        @csrf
                        @method('delete')
                        <button type="button" class="btn btn-danger" style="margin-left: 2px" onclick="preEliminarRegistro({{ $solicitud->id }});">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle" viewBox="0 0 16 16">
                                <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
                                <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/>
                            </svg>
                            Eliminar
                        </button>
                    </form>
                    <hr />
                @endcan
            @endif
            @include('pages.solicitud.partials.include_form_solicitud_archivo', [
                'data' => $solicitud,
                'visualizar' => true
            ])
            <hr />
            <div class="row">
                @if ( $solicitud->estado == App\Models\Solicitud::ESTADO_EN_PROCESO || $solicitud->estado == App\Models\Solicitud::ESTADO_APROBADA)
                <button type="button" class="btn btn-secondary" onclick="abrirEnOtraVentana('{{ $solicitud->url_preview }}')">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-download" viewBox="0 0 16 16">
                        <path d="M4.406 1.342A5.53 5.53 0 0 1 8 0c2.69 0 4.923 2 5.166 4.579C14.758 4.804 16 6.137 16 7.773 16 9.569 14.502 11 12.687 11H10a.5.5 0 0 1 0-1h2.688C13.979 10 15 8.988 15 7.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 2.825 10.328 1 8 1a4.53 4.53 0 0 0-2.941 1.1c-.757.652-1.153 1.438-1.153 2.055v.448l-.445.049C2.064 4.805 1 5.952 1 7.318 1 8.785 2.23 10 3.781 10H6a.5.5 0 0 1 0 1H3.781C1.708 11 0 9.366 0 7.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383"/>
                        <path d="M7.646 15.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 14.293V5.5a.5.5 0 0 0-1 0v8.793l-2.146-2.147a.5.5 0 0 0-.708.708z"/>
                    </svg>
                    Descargar
                </button>
                &nbsp;&nbsp;&nbsp;
                @endif
                @if ( $solicitud->estado == App\Models\Solicitud::ESTADO_EN_PROCESO || $solicitud->estado == App\Models\Solicitud::ESTADO_APROBADA)
                <button type="button" class="btn btn-info" onclick="copiarURLArchivo('{{ $solicitud->url_preview }}')">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard-fill" viewBox="0 0 16 16">
                        <path fill-rule="evenodd" d="M10 1.5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5zm-5 0A1.5 1.5 0 0 1 6.5 0h3A1.5 1.5 0 0 1 11 1.5v1A1.5 1.5 0 0 1 9.5 4h-3A1.5 1.5 0 0 1 5 2.5zm-2 0h1v1A2.5 2.5 0 0 0 6.5 5h3A2.5 2.5 0 0 0 12 2.5v-1h1a2 2 0 0 1 2 2V14a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3.5a2 2 0 0 1 2-2"/>
                    </svg>
                    Copiar URL archivo
                </button>
                @endif
            </div>
        </div>
    </div>
@stop

@section('js')
    <script type="text/javascript" defer>
        $(document).ready(function() {
        });// -------------------- fin document ready --------------------

        function preAprobarSolicitud(id){
            event.preventDefault();
            swal({
                title: "¿Estás seguro de aprobar la solicitud?",
                text: "Una vez aprobada la solicitud no se podrá revertir este proceso.",
                icon: "warning",
                buttons: true,
                dangerMode: true
            })
                .then((permitirEliminar) => {
                    if (permitirEliminar) {
                        swal("La solicitud será aprobada.", {
                            icon: "success",
                        });
                        document.getElementById('form_aprobar_' + id).submit();
                    } else {
                        event.preventDefault();
                        swal("Operación cancelada.");
                    }
                });
        }

        function preRechazarSolicitud(id){
            event.preventDefault();
            swal({
                title: "¿Estás seguro de rechazar la solicitud?",
                text: "Una vez rechazado la solicitud no se podrá revertir este proceso.",
                icon: "warning",
                buttons: true,
                dangerMode: true
            })
                .then((permitirEliminar) => {
                    if (permitirEliminar) {
                        swal("La solicitud será rechazado.", {
                            icon: "success",
                        });
                        document.getElementById('form_rechazar_' + id).submit();
                    } else {
                        event.preventDefault();
                        swal("Operación cancelada.");
                    }
                });
        }

        function preEliminarRegistro(id){
            event.preventDefault();
            swal({
                title: "¿Estás seguro de eliminar el registro?",
                text: "Una vez eliminado el registro, no se podrá recuperar sus datos.",
                icon: "warning",
                buttons: true,
                dangerMode: true
            })
                .then((permitirEliminar) => {
                    if (permitirEliminar) {
                        swal("El registro será eliminado.", {
                            icon: "success",
                        });
                        document.getElementById('form_eliminar_' + id).submit();
                    } else {
                        event.preventDefault();
                        swal("Operación cancelada.");
                    }
                });
        }
    </script>
@stop