@extends('App')

@section('content')

    @if(auth()->user()->get_type_user() == 'Super administrador' || auth()->user()->get_type_user() == 'Coordinador')
        <center> <a href="{{ config('app.ADD_SERVE_URL'); }}newprocedure">
            <button class="btn btn-primary w-20 py-2" type="submit">Crear Tramite</button>
        </a>  </center>

        <br>
    @endif

    <center><h1><u>LISTA TRAMITES</u></h1></center>
    <br>

    <div class="row border">

        <div class="col-md-1 d-flex align-items-center border justify-content-center">
            <strong>Id</strong>
        </div>

        <div class="col-md-2 d-flex align-items-center border justify-content-center">
            <strong>Fecha de solicitud</strong>  
        </div>

        <div class="col-md-3 d-flex align-items-center border justify-content-center">
            <strong>Tipo de tramite</strong>  
        </div>

        <div class="col-md-3 d-flex align-items-center border justify-content-center">
            <strong>Nombre solicitante</strong>
        </div>

        <div class="col-md-3 d-flex align-items-center border justify-content-center">
            <strong>Nombre programa</strong>
        </div>
    </div>

    @foreach ($list_procedures as $element)
        <div class="row">
            <div class="col-md-1 d-flex align-items-center border">
                <a href="{{ config('app.ADD_SERVE_URL'); }}procedure/{{ $element->id }}"> {{ $element->id }}</a>
            </div>

            <div class="col-md-2 d-flex align-items-center border">
                 {{ date('d/m/Y', strtotime($element->date_application)) }}  
            </div>

            <div class="col-md-3 d-flex align-items-center border">
                {{ $element->return_name_type_procedure() }}
            </div>

            <div class="col-md-3 d-flex align-items-center border">
                {{ $element->name_applicant }}
            </div>

            <div class="col-md-3 d-flex align-items-center border">
                {{ $element->name_program}}
            </div>
        </div>
    @endforeach

@endsection