@extends('layouts.admin')

@push('styles')
<style>
/* Vista previa logo - compacta, no deforma el formulario */
.logo-thumbnail {
	max-height: 65px;
	max-width: 130px;
	width: auto;
	height: auto;
	object-fit: contain;
}
/* Alinear checkbox Activa con form-select (admin no carga custom.css) */
.form-check-activa-wrapper {
	min-height: calc(1.5em + 0.75rem + 2px);
}
</style>
@endpush

@section('content')
{{--
    Edición de institución.
    Superadmin: ve y edita todo.
    Admin Institucional: PUEDE VER Código, Nombre (read-only). PUEDE EDITAR URL, Logo, Muestra logo superior.
    Admin Institucional NO VE: Sigla, Orden, Tipo, Institución Padre, Activa.
--}}

<div class="container">
    <div class="row">

    @php
        $hasInstitution = is_iterable($institution ?? null) && count($institution ?? []) > 0 && ($institution[0] ?? null) !== null;
        $inst = $hasInstitution ? $institution[0] : null;
        $isAdminInstitucional = (auth()->user()?->root ?? 0) != 1;
    @endphp

    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="/admin">Inicio</a></li>
            <li class="breadcrumb-item"><a href="/admin/instituciones">Instituciones</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{ $inst?->nombre ?? '' }}</li>
        </ol>
    </nav>

        <div class="col-12 edit">

            @session('status')
                <div class="col-12 alert alert-success mb-5">
                    {{ $value }}
                </div>
            @endsession

			@if ($errors->any())
			    <div class="alert alert-danger">
			        <ul>
			            @foreach ($errors->all() as $error)
			                <li>{{ $error }}</li>
			            @endforeach
			        </ul>
			    </div>
			@endif

            <h2 class="mb-0">Edición de la Institución:</h2>
            <p class="mb-5">Edita directamente el contenido de la Institución y luego pulsa el botón "Actualizar Institución"</p>

        </div>

        <div class="card edicion">

            <div class="card-header card-header-primary d-none">
                <h2 class="card-title"></h2>
            </div>

            <div id="institucionesErroresAjax" class="validacion form-group text-danger d-none mb-3"></div>
            <form id="InstitucionesForm" class="needs-validation py-4" novalidate enctype="multipart/form-data" action="{{ route('admin.instituciones.update', $inst?->id ?? 0) }}" method="POST">
                @method('PUT')
                @csrf

                <h3 class="subtitle-line mb-3">Datos de la institución:</h3>

                {{-- Fila 1: Identificación --}}
                <div class="row g-3 mb-3">
                    <div class="col-12 col-md-4">
                        <label for="codigo" class="form-label">Código</label>
                        <input name="codigo" id="codigo" value="{{ $inst?->codigo ?? '' }}"
                            @class(['form-control', 'bg-light' => $isAdminInstitucional])
                            @readonly($isAdminInstitucional)
                            >
                        @error('codigo')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>
                    @if(!$isAdminInstitucional)
                    <div class="col-12 col-md-4">
                        <label for="sigla" class="form-label">Sigla</label>
                        <input name="sigla" id="sigla" value="{{ $inst?->sigla ?? '' }}" class="form-control">
                    </div>
                    @endif
                </div>

                {{-- Fila 2: Nombre --}}
                <div class="row g-3 mb-3">
                    <div class="col-12">
                        <label for="nombre" class="form-label">Nombre de la institución</label>
                        <input name="nombre" id="nombre" value="{{ $inst?->nombre ?? '' }}"
                            @class(['form-control', 'bg-light' => $isAdminInstitucional])
                            @readonly($isAdminInstitucional)
                            >
                    </div>
                </div>

                @if(!$isAdminInstitucional)
                {{-- Fila 3: Tipo, Institución Padre, Activa (solo Superadmin) --}}
                <div class="row g-3 mb-3 align-items-end">
                    <div class="col-12 col-md-4">
                        <label for="tipo" class="form-label">Tipo</label>
                        <select class="form-select mt-1" id="tipo" name="tipo" aria-label="Tipo" required>
                            <option value="partida" @selected(($inst?->tipo ?? '') === 'partida')>Partida</option>
                            <option value="capitulo" @selected(($inst?->tipo ?? '') === 'capitulo')>Capítulo</option>
                        </select>
                    </div>

                    <div class="col-12 col-md-4">
                        <label for="padre" class="form-label">Institución Padre</label>
                        <select class="form-select mt-1" id="padre" name="padre" aria-label="Institución Padre">
                            <option value="null" data-para-tipo="partida" @selected(($inst?->institucion_padre_id ?? null) === null)>Es institución Padre</option>
                            @foreach(($institutionFather ?? []) as $father)
                                <option value="{{ $father->id }}" data-para-tipo="capitulo" @selected(($inst?->institucion_padre_id ?? null) == $father->id)>{{ $father->nombre ?? '' }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-12 col-md-4">
                        @php
                            $activaRaw = ($inst?->getAttributes() ?? [])['activa'] ?? $inst?->activa ?? null;
                            $activaChecked = in_array($activaRaw, [true, 'true', '1', 1], true);
                        @endphp
                        <label for="checkChecked" class="form-label">Activa</label>
                        <div class="form-check mt-1 d-flex align-items-center form-check-activa-wrapper">
                            <input class="form-check-input mt-0" type="checkbox" name="activa" value="1" id="checkChecked" @checked($activaChecked)>
                        </div>
                    </div>
                </div>
                @endif

                {{-- Fila 4: URL y Logo --}}
                <div class="row g-3 mb-3">
                    <div class="col-12 col-md-6">
					    <label for="sitio_web" class="form-label">URL Sitio Web Institucional</label>
					    <input type="url"
					           name="sitio_web"
					           id="sitio_web"
					           class="form-control @error('sitio_web') is-invalid @enderror"
					           value="{{ old('sitio_web', $inst?->url ?? '') }}"
					           placeholder="https://www.ejemplo.cl">
					    @error('sitio_web')
					        <div class="invalid-feedback">{{ $message }}</div>
					    @enderror
					</div>
                    <div class="col-12 col-md-6">
					    <label for="logo" class="form-label">Logo</label>
					    <input type="file"
					           name="logo"
					           class="form-control"
					           id="logo"
					           accept="image/*">
					</div>
                </div>

                {{-- Fila 5: Muestra logo institucional (izq) / Logo actual (der) --}}
                <div class="row g-3 mb-3 align-items-center">
                    <div class="col-12 col-md-6">
                        @php
                            $upperLogoRaw = ($inst?->getAttributes() ?? [])['upper_logo'] ?? $inst?->upper_logo ?? null;
                            $upperLogoChecked = in_array($upperLogoRaw, [true, 'true', '1', 1], true);
                        @endphp
                        <div class="form-check mb-0">
                            <input type="hidden" name="upper_logo" id="upper_logo_value" value="{{ $upperLogoChecked ? '1' : '0' }}">
                            <input class="form-check-input me-2" type="checkbox" id="checkUpperLogo" @checked($upperLogoChecked)>
                            <label for="checkUpperLogo" class="form-check-label">Muestra logo en parte superior del sitio</label>
                        </div>
                    </div>
                    <div class="col-12 col-md-6">
                        <small class="text-muted d-block mb-1">Logo actual:</small>
                        @if(!empty($inst?->logo))
                            @php
                                $logoPath = public_path(trim(env('logos_folder', 'logos'), '/') . '/' . ltrim($inst->logo, '/'));
                                $logoUrl = asset(trim(env('logos_folder', 'logos'), '/') . '/' . ltrim($inst->logo, '/'));
                                $logoV = file_exists($logoPath) ? filemtime($logoPath) : time();
                            @endphp
                             <img src="{{ $logoUrl }}?v={{ $logoV }}" alt="Logo actual" class="mt-2 logo-thumbnail rounded border">
                        @endif
                    </div>
                </div>

                <div class="row mt-4">
                    <input type="hidden" name="institution_id" value="{{ $inst?->id ?? '' }}">
                    <div class="col-12 text-end">
                        <button type="submit" id="InstitucionesFormSubmit" class="btn btn-success btn-fill update">Actualizar Institución</button>
                    </div>
                </div>

            </form>
        </div>
    </div>
</div>

@push('codigoPaginaTemplateEnJQueryReady')
$('#checkUpperLogo').on('change', function() {
    $('#upper_logo_value').val($(this).is(':checked') ? '1' : '0');
});
@endpush

@endsection