@extends('dashboardMandante/layout')
@section('titulo', 'Home')
@section('content')

@php
    //dd($id_mandante);
@endphp


<ul class="nav nav-tabs">
    <li class="nav-item">
        <a class="nav-link active" href="#"><img src="/images/md-home.png" width="20px" style="filter: opacity(0.6)"> INICIO</a>
    </li>
    <li class="nav-item">
        <a class="nav-link inactiva" href="{{route('dashMandante.alzamiento')}}">ALZAMIENTOS</a>
    </li>
    <li class="nav-item">
        <a class="nav-link inactiva" href="{{route('dashMandante.prenda')}}">PRENDAS</a>
    </li>
    <li class="nav-item">
        <a class="nav-link inactiva" href="{{route('dashMandante.transferencia')}}">TRANSFERENCIAS</a>
    </li>
    <li class="nav-item">
        <a class="nav-link inactiva" href="{{route('dashMandante.leasing')}}">LEASING</a>
    </li>
    <li>
        <a class="btn btn-outline-primary btn-sm ml-2 mt-1" href="{{route('dashMandante.autorizar')}}" style=""><img src="\assets\lib\ionicons\collection\icon\svg\ios-checkbox-outline.svg" width="22px" style="filter: opacity(0.6)"> AUTORIZAR</a>
    </li>
    <li>
        <a class="btn btn-outline-success btn-sm ml-2 mt-1" href="{{route('dashMandante.firmador')}}" style=""><img src="/images/sign-document-icon.png" width="22px" style="filter: opacity(0.6)"> FIRMADOR</a>
    </li>
</ul>


<div class="tab-content">
    <div class="container-fluid">
        <div class="col-12 mt-3">
            <div class="row">
                <div class="col-6">
                    <div class="card" style="border-radius: 0; border-color:rgb(255, 255, 255)">
                        <div class="card-header">
                            ALZAMIENTOS
                        </div>
                        <div class="table">
                            {{-- <h6 style="color: #777777">ALZAMIENTOS</h6> --}}
                            {{-- <div class="table-responsive"> --}}
                                <table class="card-table table table-bordered">
                                    <thead>
                                        <tr>
                                            <th rowspan="2">Promesa</th>
                                            <th rowspan="2">En Proceso</th>
                                            <th rowspan="2">En Bloqueo</th>
                                            <th rowspan="2">Rechazados</th>
                                            <th colspan="3">Estados</th>
                                        </tr>
                                        <tr>
                                            <td>A Tiempo</td>
                                            <td>Alerta</td>
                                            <td>Incumpliendo</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>Promesa de Forum (15 días Hábiles)</td>
                                            <td rowspan="2">6271</td>
                                            <td rowspan="2">354</td>
                                            <td rowspan="2">1</td>
                                            <td style="background-color: #c7ffc0">1045</td>
                                            <td style="background-color: #fdffc0">204</td>
                                            <td style="background-color: #ffc0c0">5022</td>
                                        </tr>
                                        <tr>
                                            <td>Plazo Legal (45 días)</td>
                                            <td style="background-color: #c7ffc0">1407</td>
                                            <td style="background-color: #fdffc0">36</td>
                                            <td style="background-color: #ffc0c0">4828</td>
                                        </tr>
                                    </tbody>
                                </table>
                                {{--
                            </div> --}}
                        </div>
                    </div>
                </div>
                <div class="col-6">
                    <div class="card" style="border-radius: 0; border-color:rgb(255, 255, 255); color:#c3c3c3">
                        <div class="card-header">
                            PRENDAS
                        </div>
                        <div class="table">
                            {{-- <h6 style="color: #777777">ALZAMIENTOS</h6> --}}
                            {{-- <div class="table-responsive"> --}}
                                <table class="card-table table table-bordered" style="color:#c3c3c3">
                                    <thead>
                                        <tr>
                                            <th rowspan="2" style="color:#c3c3c3">Promesa</th>
                                            <th rowspan="2" style="color:#c3c3c3">En Proceso</th>
                                            <th rowspan="2" style="color:#c3c3c3">En Bloqueo</th>
                                            <th rowspan="2" style="color:#c3c3c3">Rechazados</th>
                                            <th colspan="3" style="color:#c3c3c3">Estados</th>
                                        </tr>
                                        <tr>
                                            <td style="color:#c3c3c3">A Tiempo</td>
                                            <td style="color:#c3c3c3">Alerta</td>
                                            <td style="color:#c3c3c3">Incumpliendo</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>Promesa de Forum (15 días Hábiles)</td>
                                            <td rowspan="2">6271</td>
                                            <td rowspan="2">354</td>
                                            <td rowspan="2">1</td>
                                            <td style="background-color: #c7ffc049">1045</td>
                                            <td style="background-color: #fdffc042">204</td>
                                            <td style="background-color: #ffc0c03b">5022</td>
                                        </tr>
                                        <tr>
                                            <td>Plazo Legal (45 días)</td>
                                            <td style="background-color: #c7ffc049">1407</td>
                                            <td style="background-color: #fdffc042">36</td>
                                            <td style="background-color: #ffc0c03b">4828</td>
                                        </tr>
                                    </tbody>
                                </table>
                                {{--
                            </div> --}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid">
        <div class="col-12 mt-3">
            <div class="row">
                <div class="col-6">
                    <div class="card" style="border-radius: 0; border-color:rgb(255, 255, 255); color:#c3c3c3">
                        <div class="card-header">
                            TRANSFERENCIAS
                        </div>
                        <div class="table">
                            {{-- <h6 style="color: #777777">ALZAMIENTOS</h6> --}}
                            {{-- <div class="table-responsive"> --}}
                                <table class="card-table table table-bordered" style="color:#c3c3c3">
                                    <thead>
                                        <tr>
                                            <th rowspan="2" style="color:#c3c3c3">Promesa</th>
                                            <th rowspan="2" style="color:#c3c3c3">En Proceso</th>
                                            <th rowspan="2" style="color:#c3c3c3">En Bloqueo</th>
                                            <th rowspan="2" style="color:#c3c3c3">Rechazados</th>
                                            <th colspan="3" style="color:#c3c3c3">Estados</th>
                                        </tr>
                                        <tr>
                                            <td style="color:#c3c3c3">A Tiempo</td>
                                            <td style="color:#c3c3c3">Alerta</td>
                                            <td style="color:#c3c3c3">Incumpliendo</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>Promesa de Forum (15 días Hábiles)</td>
                                            <td rowspan="2">6271</td>
                                            <td rowspan="2">354</td>
                                            <td rowspan="2">1</td>
                                            <td style="background-color: #c7ffc049">1045</td>
                                            <td style="background-color: #fdffc042">204</td>
                                            <td style="background-color: #ffc0c03b">5022</td>
                                        </tr>
                                        <tr>
                                            <td>Plazo Legal (45 días)</td>
                                            <td style="background-color: #c7ffc049">1407</td>
                                            <td style="background-color: #fdffc042">36</td>
                                            <td style="background-color: #ffc0c03b">4828</td>
                                        </tr>
                                    </tbody>
                                </table>
                                {{--
                            </div> --}}
                        </div>
                    </div>
                </div>
                <div class="col-6">
                    <div class="card" style="border-radius: 0; border-color:rgb(255, 255, 255); color:#c3c3c3">
                        <div class="card-header">
                            LEASING
                        </div>
                        <div class="table">
                            {{-- <h6 style="color: #777777">ALZAMIENTOS</h6> --}}
                            {{-- <div class="table-responsive"> --}}
                                <table class="card-table table table-bordered" style="color:#c3c3c3">
                                    <thead>
                                        <tr>
                                            <th rowspan="2" style="color:#c3c3c3">Promesa</th>
                                            <th rowspan="2" style="color:#c3c3c3">En Proceso</th>
                                            <th rowspan="2" style="color:#c3c3c3">En Bloqueo</th>
                                            <th rowspan="2" style="color:#c3c3c3">Rechazados</th>
                                            <th colspan="3" style="color:#c3c3c3">Estados</th>
                                        </tr>
                                        <tr>
                                            <td style="color:#c3c3c3">A Tiempo</td>
                                            <td style="color:#c3c3c3">Alerta</td>
                                            <td style="color:#c3c3c3">Incumpliendo</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>Promesa de Forum (15 días Hábiles)</td>
                                            <td rowspan="2">6271</td>
                                            <td rowspan="2">354</td>
                                            <td rowspan="2">1</td>
                                            <td style="background-color: #c7ffc049">1045</td>
                                            <td style="background-color: #fdffc042">204</td>
                                            <td style="background-color: #ffc0c03b">5022</td>
                                        </tr>
                                        <tr>
                                            <td>Plazo Legal (45 días)</td>
                                            <td style="background-color: #c7ffc049">1407</td>
                                            <td style="background-color: #fdffc042">36</td>
                                            <td style="background-color: #ffc0c03b">4828</td>
                                        </tr>
                                    </tbody>
                                </table>
                                {{--
                            </div> --}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>




{{-- <div class="tab-content">
    <div class="container-fuid">
        <div class="row">
            <div class="col-12">
                <div class="card col-6">
                    <h6 style="color: #777777">ALZAMIENTOS</h6>
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th rowspan="2">Promesa</th>
                                <th rowspan="2">En Proceso</th>
                                <th rowspan="2">En Bloqueo</th>
                                <th rowspan="2">Rechazados</th>
                                <th colspan="3">Estados</th>
                            </tr>
                            <tr>
                                <td>A Tiempo</td>
                                <td>Alerta</td>
                                <td>Incumpliendo</td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Promesa de Forum (15 días Hábiles)</td>
                                <td rowspan="2">6271</td>
                                <td rowspan="2">354</td>
                                <td rowspan="2">1</td>
                                <td style="background-color: #c7ffc0">1045</td>
                                <td style="background-color: #fdffc0">204</td>
                                <td style="background-color: #ffc0c0">5022</td>
                            </tr>
                            <tr>
                                <td>Plazo Legal (45 días)</td>
                                <td style="background-color: #c7ffc0">1407</td>
                                <td style="background-color: #fdffc0">36</td>
                                <td style="background-color: #ffc0c0">4828</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="card col-6">
                    <h6 style="color: #777777">PRENDAS</h6>
                    <table class="table table-bordered table-responsive">
                        <thead>
                            <tr>
                                <th rowspan="2">Promesa</th>
                                <th rowspan="2">En Proceso</th>
                                <th rowspan="2">En Bloqueo</th>
                                <th rowspan="2">Rechazados</th>
                                <th colspan="3">Estados</th>
                            </tr>
                            <tr>
                                <td>A Tiempo</td>
                                <td>Alerta</td>
                                <td>Incumpliendo</td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Promesa de Forum (15 días Hábiles)</td>
                                <td rowspan="2">6271</td>
                                <td rowspan="2">354</td>
                                <td rowspan="2">1</td>
                                <td style="background-color: #c7ffc0">1045</td>
                                <td style="background-color: #fdffc0">204</td>
                                <td style="background-color: #ffc0c0">5022</td>
                            </tr>
                            <tr>
                                <td>Plazo Legal (45 días)</td>
                                <td style="background-color: #c7ffc0">1407</td>
                                <td style="background-color: #fdffc0">36</td>
                                <td style="background-color: #ffc0c0">4828</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div> --}}








@endsection