@extends('adminlte::page')

@section('plugins.Sweetalert2', true)
@section('plugins.Select1', true)

@section('title', 'Intranet | Detalle Ficha Entrevista Tecnica')

@section('content_header')
<div class="container-fluid">

</div>
@stop

@section('content')
<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-lg-10">
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title m-0" style="font-weight: 700; font-size: 28px;">{{ $ficha->nombre }}</h2>
                </div>

                <div class="card-body">
                    <a href="{{ route('ficha-entrevista-tecnica.index') }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                </div>
            </div>
        </div>

        @php
            $indexSeccion = 0;
        @endphp
        @foreach ($ficha->seccionesFichaEntrevistaTecnicaOrdenanos as $seccion)
            @php
                $indexSeccion++;
            @endphp

            <div class="col-lg-10">
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title m-0 titulo-seccion" style="font-weight: 700; font-size: 20px;">Sección {{ $indexSeccion }}</h5>
                    </div>
                    <div class="card-body">
                        <div class="contenedorDosCamposPorFilaEnLosFormulario">
                            <div class="form-group">
                                <label for="cargo">Nombre Sección</label>
                                <input type="text" class="form-control" value="{{ $seccion->seccion }}" readonly="true">
                            </div>

                            <div class="form-group">
                                <label for="cargo">Porcentaje</label>
                                <input type="text" class="form-control" value="{{ $seccion->porcentaje }}%" readonly="true">
                            </div>
                        </div>

                        <div style="padding:15px; background-color: rgba(0,0,0,.03);">
                            @foreach ($seccion->preguntasFichaEntrevistaTecnicaOrdenanos as $pregunta)
                                <div class="card">
                                    <div class="card-body">
                                        <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                            <div class="form-group">
                                                <label for="cargo">Nombre Pregunta</label>
                                                <input type="text" class="form-control" value="{{ $pregunta->pregunta }}" readonly="true">
                                            </div>

                                            <div class="form-group">
                                                <label for="cargo">Porcentaje</label>
                                                <input type="text" class="form-control" value="{{ $pregunta->porcentaje }}%" readonly="true">
                                            </div>
                                        </div>

                                        <div style="padding:15px;">
                                            @foreach ($pregunta->opcionesFichaEntrevistaTecnicaOrdenanos as $opcion)
                                                <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                                    <div class="form-group">
                                                        <label for="cargo">Nombre Opción</label>
                                                        <input type="text" class="form-control" value="{{ $opcion->opcion }}" readonly="true">
                                                    </div>

                                                    <div class="form-group">
                                                        <label>Puntos</label>
                                                        <input type="text" class="form-control" value="{{ $opcion->puntaje }} pts" readonly="true">
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
</div>
@stop

@section('footer')
    <div class="float-right d-none d-sm-inline">
        Intranet
    </div>
    <strong>Copyright © 2021 <a href="http://guinezingenieria.cl/">GuiñezIngeniería.cl</a>.</strong>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/estilo-generico.css') }}">
    <style>
        .contenedorCamposOpciones {
            display: grid;
            grid-template-columns: 40% 40% 17%;
            column-gap: 10px;
        }
    </style>
@stop

@section('js')
    <script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>
@stop