@extends('layouts.layoutpdf')
@section('ReportTitle') Radicado {{$radicado->codigo}}
@endsection

@section('content')
<style>
    #tbDatos {
        width: {{$ancho}};
    }

    #tbDatos th {
        background-color: lightgray;
        width: 130px;
        border: 1px solid gray;
        padding-left: 5px;
    }

    #tbDatos td {
        border: 1px solid gray;
        padding-left: 5px;
    }

    .status-pill {

        width: 12px;
        height: 12px;
        border-radius: 30px;
        background-color: #eee;
        display: inline-block;
        float: right;
        margin-top: 4px;
        margin-left: 5px;
    }
    #tbGestion th{
        border: 1px solid gray;
        text-align: center;
    }
    #tbGestion td{
        border: 1px solid gray;
        padding-left: 5px;
    }
</style>



<table id="tbDatos" style="margin-top:150px;" cellspacing="0">
    <thead>
        <tr>
            <td colspan="4" style="text-align: right; border:none; padding-bottom: 10px;">
                <div class="status-pill" data-title="Complete" data-toggle="tooltip" style="background: {{$radicado['Estado']->color}}"></div>
                <strong>{{$radicado->Estado->nombre}}</strong>

            </td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>
                <strong>Tipo de Radicado</strong>
            </th>
            <td>
                {{$radicado->TipoRadicado->nombre}}
            </td>
            <th>
                <strong>Fecha Radicación</strong>
            </th>
            <td>
                {{date('d-m-Y H:m', strtotime($radicado->created_at))}}
            </td>
        </tr>
        <tr>
            <th>
                <strong>Asunto</strong>
            </th>
            <td colspan="3">
                {{$radicado->asunto}}
            </td>
        </tr>
        <tr>
            <th>
                <strong>Área</strong>
            </th>
            <td colspan="3">
                {{$radicado->Area->nombre}}
            </td>
        </tr>
        <tr>
            <th>
                <strong>Solicitantes</strong>
            </th>
            <td colspan="3">
                                    {{$cad}}
            </td>
        </tr>
        <tr>
            <th>
               <strong>Descripción</strong>
            </th>
            <td colspan="3">
                {!!$radicado->descripcion!!}
            </td>
        </tr>
    </tbody>
</table>

@if(isset($radicado->tramites) && count($radicado->tramites)>0)
<h4>Gestión</h4>

<table id="tbGestion" cellspacing="0">
        <thead>
            <tr>
                <th>
                    Fecha Tramite
                </th>
                <th>
                    Tramite Realizado
                </th>
                <th style="width: 150px;">
                    Estado
                </th>
                <th>
                    Área de Destino
                </th>
            </tr>
        </thead>
        <tbody>
            @foreach ($radicado->tramites as $t)
            <tr>
                <td class="nowrap">
                        {{date('d-m-Y H:m', strtotime($t->created_at))}}
                </td>
                <td>
                    {{$t->Tipo_Tramite->nombre}}
                </td>
                <td style="padding-right: 5px">
                    @if($t->id_estado!=0)
                    <div class="status-pill" data-title="Complete" data-toggle="tooltip" style="background:  {{$t->Estado->color}}"></div>
                    @endif

                    @if($t->id_estado!=0) {{$t->Estado->nombre}} @endif
                </td>
                <td>
                    @if($t->id_area_destino!=0) {{$t->Area_Destino->nombre}} @endif
                </td>
            </tr>

            @endforeach
        </tbody>
    </table>
@endif