@extends('layouts.app')


@section('breadcrumb')
<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{{ route('home') }}">Inicio</a></li>
    <li class="breadcrumb-item"><a href="{{ route('cometidos.personal.index') }}">@{{titulo_pagina}}</a></li>
  </ol>
</nav>
@stop

@section('content')
    <div class="bgc-white p-20 bd">
        <h3>Cometidos Aprobados</h3>
        <form>
            <div class="card mb-3">
                <div class="card-body">
                    <h4>Filtro por Persona</h4>

                    <b-form-group horizontal label="Nombre" label-for="nombre">
                        <input v-model="nombre" id="nombre" name="nombre" type="text" class="form-control">
                    </b-form-group>

                    <b-form-group horizontal label="Fecha Inicio" label-for="fecha_inicio">
                        <input v-model="fecha_inicio" id="fecha_inicio" name="fecha_inicio" type="date"
                               class="form-control">
                    </b-form-group>

                    <b-form-group horizontal label="Fecha Fin" label-for="fecha_fin">
                        <input v-model="fecha_fin" id="fecha_fin" name="fecha_fin" type="date" class="form-control">
                    </b-form-group>
                </div>

                <div class="card-footer">
                    <div class="d-flex justify-content-end mb-2">
                        <button type="submit" class="btn btn-primary">Filtrar</button>
                    </div>
                </div>
            </div>
        </form>

        <div class="card">
            <div class="card-body">
                {{ $permisos->links() }}
                <div class="table-responsive">
                    <table class="table table-striped table-bordered">
                        <thead>
                        <tr>
                            <th>N°</th>
                            <th>Solicitante</th>
                            <th style="width: 250px;">Motivo</th>
                            <th style="width: 250px;">Lugar</th>
                            <th>Fecha</th>
                            <th>Viático</th>
                            <th>Estado</th>
                            <th>Acciones</th>

                        </tr>
                        </thead>
                        <tbody>
                        @foreach($permisos as $solicitud)
                            <tr>
                                <td>{{ $solicitud->id }}</td>
                                <td>{{ $solicitud->user->full_name }}</td>
                                <td>{{ $solicitud->motivo }}</td>
                                <td>{{ $solicitud->lugar }}</td>
                                <td>    
                                    <p style="font-size:12px"><i class="fa fa-2x fa-calendar"></i> {{ fechaFormato($solicitud->fecha_inicio, 'd/m/Y H:i') }} - {{ fechaFormato($solicitud->fecha_termino, 'd/m/Y H:i') }}</p>
                                    <p style="font-size:12px"><i class="fa fa-2x fa-plane"></i>{{ fechaFormato($solicitud->fecha_salida, 'd/m/Y H:i') }} - {{ fechaFormato($solicitud->fecha_regreso, 'd/m/Y H:i') }}</p>
                                </td>
                                <td >${{ number_format($solicitud->valor_viatico, 0, ",", ".")  }}</td>
                                <td style="background-color: {{ $solicitud->colorEstado() }}">
                                    {{ $solicitud->estado_personal }}
                                </td>


                        
                                <td>
                                    <b-dropdown text="Acciones" boundary="viewport">
                                        @if($solicitud->estado_personal !== 'ACEPTADO')
                                            <b-dropdown-item
                                                href="{{ route('cometidos.personal.edit', ['id' => $solicitud->id]) }}">
                                                Editar
                                            </b-dropdown-item>
                                        @endif

                                        <b-dropdown-item
                                            href="{{ route('cometidos.personal.show', ['id' => $solicitud->id]) }}">
                                            @if($solicitud->estado_personal === 'ACEPTADO')
                                                Ver
                                            @else
                                                Aprobar
                                            @endif
                                        </b-dropdown-item>

                                        @if($solicitud->estado_personal === 'ACEPTADO')
                                            @if($solicitud->decreto_id === null)
                                                <b-dropdown-item
                                                    href="{{ route('cometidos.decreto.create', ['id' => $solicitud->id]) }}">
                                                    Decreto
                                                </b-dropdown-item>
                                            @else
                                                <b-dropdown-item
                                                    href="{{ route('cometidos.decreto.edit', ['id' => $solicitud->id]) }}">
                                                    Editar Decreto
                                                </b-dropdown-item>

                                                <b-dropdown-item
                                                    href="{{ route('cometidos.decreto.show', ['id' => $solicitud->id]) }}">
                                                    Obtener Decreto PDF
                                                </b-dropdown-item>
                                            @endif
                                        @endif
                                    </b-dropdown>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                
                {{ $permisos->links() }}

            </div>
        </div>
    </div>
@endsection

@push('pre-scripts')
    <script>
        window.pageMix.push({
            data: () => ({
                titulo_pagina:"Cometidos Aprobados",
                loading: false,
                nombre: '{{ Request::get('nombre','') }}',
                fecha_inicio: '{{ Request::get('fecha_inicio','') }}',
                fecha_fin: '{{ Request::get('fecha_fin','') }}'
            }),

            methods: {}
        })
    </script>
@endpush