@extends('layouts.layoutpdfR') 
@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: 110px;" 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>
            <td colspan="4" style="text-align: center; padding-top: 3; padding-bottom: 3; border: none">
              <strong style="font-style: italic; ">Si desea conocer el estado de su solicitud, puede ingresar a: <span style="color:#41823d">ciudadanos.ventanillaunicaubate.com</span></strong>
            </td>
            
        </tr>
    
    </tbody>
</table>