@extends('layouts.app')

@section('content')
<h1 class="page-title">
    <span>Información más destacada</span>
    <p style="font-family: 'avenir'!important; font-size:17px!important;">La información más relevante</p>
</h1>


@if($tipo == 'Promotor')
<div class="row">
    <div class="col-lg-12">
        <section class="widget">
            <header>
                <h5>
                    Mis últimas <span class="fw-semi-bold">Solicitudes</span>
                </h5>
            </header>
            <div class="widget-body">
                <table class="table">
                    <thead>
                        <tr>
                            <th class="d-none d-md-table-cell">No. de Solicitud</th>
                            <th>Cliente</th>
                            <th>Fecha</th>
                            <th>Cantidad</th>
                            <th>Estatus</th>
                            <!-- <th>Estatus</th> -->
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($solicitudes as $solicitud)
                        <tr>
                            <td class="d-none d-md-table-cell text-center"> {{ $solicitud->id }}</td>
                            <td> {{ $solicitud->cliente->user->name.' '.$solicitud->cliente->user->a_paterno  }} </td>
                            <td>
                                {{ $solicitud->created_at }}
                            </td>
                            <td class="d-none d-md-table-cell">
                                {{ $solicitud->cantidad_solicitada }}
                            </td>
                            <td class="d-none d-md-table-cell">
                                {{ $solicitud->estatus }}
                            </td>
                            <!-- <td class="width-150">
                                <div class="bg-gray-lighter progress progress-sm">
                                    <div class="progress-bar progress-sm bg-success js-progress-animate" style="width: 0;" data-width="29%"></div>
                                </div>
                            </td> -->
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                <div class="clearfix">
                    <div class="float-right">
                        <button class="btn3 btnInfo">
                            Ver todas las solicitudes
                        </button>
                    </div>
                    <p class="col-6">Las solicitudes que se muestran en la tabla son los últimos 5 realizados. Para ver todo el historial de pagos, presiona el botón.</p>
                </div>
            </div>
        </section>
    </div>
</div>

<div class="row">
    <div class="col-lg-12">
        <section class="widget">
            <header>
                <h5>
                    Mis últimos <span class="fw-semi-bold">Préstamos</span>
                </h5>
            </header>
            <div class="widget-body">
                <table class="table">
                    <thead>
                        <tr>
                            <th class="d-none d-md-table-cell">No. de Solicitud</th>
                            <th>Cliente</th>
                            <th>Fecha de inicio</th>
                            <th>Fecha final</th>
                            <th>Estatus</th>
                            <th>Calificación</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($prestamos as $prestamo)
                        <tr>
                            <td class="d-none d-md-table-cell text-center"> {{ $solicitud->id }}</td>
                            <td> {{ $prestamo->cliente->user->name.' '.$solicitud->cliente->user->a_paterno  }} </td>
                            <td>
                                {{ $prestamo->inicio_prestamo }}
                            </td>
                            <td>
                                {{ $prestamo->fin_prestamo }}
                            </td>
                            <td class="d-none d-md-table-cell">
                                {{ $prestamo->cantidad_solicitada }}
                            </td>
                            <td class="d-none d-md-table-cell">
                                {{ $prestamo->estatus }}
                            </td>
                            <td class="d-none d-md-table-cell">
                                {{ $prestamo->calificacion }}
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                <div class="clearfix">
                    <div class="float-right">
                        <button class="btn3 btnInfo">
                            Ver todas las solicitudes
                        </button>
                    </div>
                    <p class="col-6">Las solicitudes que se muestran en la tabla son los últimos 5 realizados. Para ver todo el historial de pagos, presiona el botón.</p>
                </div>
            </div>
        </section>
    </div>
</div>
@endif

@if($tipo == 'Administrador')
<div class="analytics">
    <div class="analytics-side w-100">
        <div class="row">


            <!-- no pagos -->
            <div class="col-sm-12 col-lg-6 col-xl-4">
                <div class="pb-xlg h-100">
                    <section class="widget mb-0 h-100">
                        <header class="d-flex justify-content-between flex-wrap">
                            <h4 style="color:#495057; font-size:14px;" class="d-flex align-items-center pb-1 big-stat-title">
                                No pagos<span class="fw-normal ml-xs"></span>
                            </h4>
                        </header>
                        <div class="widget-body p-0 border-top">
                            <div class="p-3 px-4">
                                <div class="d-flex justify-content-between align-items-center">
                                    <span class="class_span ml-lg mb-lg text-left"><b>$ {!! number_format($no_pagos[0],2) !!} MXN</b></span>
                                    @if($no_pagos[0] > $no_pagos[1])
                                    <h2><i class="la la-arrow-right la-lg text-primary rotate-315"></i></h2>
                                    @elseif($no_pagos[0] == $no_pagos[1])
                                    <h2><i class="la la-arrow-right la-lg text-secondary rotate-90"></i></h2>
                                    @else
                                    <h2><i class="la la-arrow-right la-lg text-danger rotate-45"></i></h2>
                                    @endif
                                </div>
                                <h4 class="fw-semi-bold ml-lg mb-lg">Semana actual</h4>
                            </div>
                            <div class="d-flex border-top">
                                <div class="w-50 border-right p-3 px-4">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h6>
                                            $ {!! number_format($no_pagos[2],2) !!}
                                        </h6>
                                        @if($no_pagos[2] > $no_pagos[3])
                                        <i class="la la-arrow-right la-lg text-primary rotate-315"></i>
                                        @elseif($no_pagos[2] == $no_pagos[3])
                                        <i class="la la-arrow-right la-lg text-secondary rotate-90"></i>
                                        @else
                                        <i class="la la-arrow-right la-lg text-danger rotate-45"></i>
                                        @endif
                                    </div>
                                    <p class="text-muted mb-0 mr"><small>Hace 1 semana</small></p>
                                </div>
                                <div class="w-50 p-3 px-4">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h6>
                                            $ {!! number_format($no_pagos[1],2) !!}
                                        </h6>
                                        @if($no_pagos[1] > $no_pagos[2])
                                        <i class="la la-arrow-right la-lg text-primary rotate-315"></i>
                                        @elseif($no_pagos[1] == $no_pagos[2])
                                        <i class="la la-arrow-right la-lg text-secondary rotate-90"></i>
                                        @else
                                        <i class="la la-arrow-right la-lg text-danger rotate-45"></i>
                                        @endif
                                    </div>
                                    <p class="text-muted mb-0 mr"><small>Hace 2 semanas</small></p>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
            <!-- fin no pagos -->


            <!-- Cobranza pura -->
            <div class="col-sm-12 col-lg-6 col-xl-4">
                <div class="pb-xlg h-100">
                    <section class="widget mb-0 h-100">
                        <header class="d-flex justify-content-between flex-wrap">
                            <h4  style="color:#495057; font-size:14px;" class="d-flex align-items-center pb-1 big-stat-title">
                                Cobranza pura<span class="fw-normal ml-xs"></span>
                            </h4>
                        </header>
                        <div class="widget-body p-0 border-top">
                            <div class="p-3 px-4">
                                <div class="d-flex justify-content-between align-items-center">
                                    <span class="class_span ml-lg mb-lg text-left"><b>$ {!!number_format($cobranza_pura[0],2)!!} MXN</b></span>
                                    @if($cobranza_pura[0] > $cobranza_pura[1])
                                    <h2><i class="la la-arrow-right la-lg text-primary rotate-315"></i></h2>
                                    @elseif($cobranza_pura[0] == $cobranza_pura[1])
                                    <h2><i class="la la-arrow-right la-lg text-secondary rotate-90"></i></h2>
                                    @else
                                    <h2><i class="la la-arrow-right la-lg text-danger rotate-45"></i></h2>
                                    @endif
                                </div>
                                <h4 class="fw-semi-bold ml-lg mb-lg">Semana actual</h4>
                            </div>
                            <div class="d-flex border-top">
                                <div class="w-50 border-right p-3 px-4">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h6>
                                            $ {!! number_format($cobranza_pura[2],2)!!} MXN
                                        </h6>
                                        @if($cobranza_pura[2] > $cobranza_pura[3])
                                        <i class="la la-arrow-right la-lg text-primary rotate-315"></i>
                                        @elseif($cobranza_pura[2] == $cobranza_pura[3])
                                        <i class="la la-arrow-right la-lg text-secondary rotate-90"></i>
                                        @else
                                        <i class="la la-arrow-right la-lg text-danger rotate-45"></i>
                                        @endif
                                    </div>
                                    <p class="text-muted mb-0 mr"><small>Hace 1 semana</small></p>
                                </div>
                                <div class="w-50 p-3 px-3">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h6>
                                            $ {!! number_format($cobranza_pura[1],2)!!} MXN
                                        </h6>
                                        @if($cobranza_pura[1] > $cobranza_pura[2])
                                        <i class="la la-arrow-right la-lg text-primary rotate-315"></i>
                                        @elseif($cobranza_pura[1] == $cobranza_pura[2])
                                        <i class="la la-arrow-right la-lg text-secondary rotate-90"></i>
                                        @else
                                        <i class="la la-arrow-right la-lg text-danger rotate-45"></i>
                                        @endif
                                    </div>
                                    <p class="text-muted mb-0 mr"><small>Hace 2 semanas</small></p>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
            <!-- fin Cobranza pura -->
            <!-- Cobranza refinanciamiento -->
            <div class="col-sm-12 col-lg-6 col-xl-4">
                <div class="pb-xlg h-100">
                    <section class="widget mb-0 h-100">
                        <header class="d-flex justify-content-between flex-wrap">
                            <h4  style="color:#495057; font-size:14px;" class="d-flex align-items-center pb-1 big-stat-title">
                                Refinanciamiento<span class="fw-normal ml-xs"></span>
                            </h4>
                        </header>
                        <div class="widget-body p-0 border-top">
                            <div class="p-3 px-4">
                                <div class="d-flex justify-content-between align-items-center">
                                    <span class="class_span ml-lg mb-lg text-left"><b>$ {!! number_format($cobranza_refinanciamiento[0],2)!!} MXN</b></span>
                                    @if($cobranza_refinanciamiento[0] > $cobranza_refinanciamiento[1])
                                    <h2><i class="la la-arrow-right la-lg text-primary rotate-315"></i></h2>
                                    @elseif($cobranza_refinanciamiento[0] == $cobranza_refinanciamiento[1])
                                    <h2><i class="la la-arrow-right la-lg text-secondary rotate-90"></i></h2>
                                    @else
                                    <h2><i class="la la-arrow-right la-lg text-danger rotate-45"></i></h2>
                                    @endif
                                </div>
                                <h4 class="fw-semi-bold ml-lg mb-lg">Semana actual</h4>
                            </div>
                            <div class="d-flex border-top">
                                <div class="w-50 border-right p-3 px-4">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h6>
                                            $ {!! number_format($cobranza_refinanciamiento[2],2) !!} MXN
                                        </h6>
                                        @if($cobranza_refinanciamiento[2] > $cobranza_refinanciamiento[3])
                                        <i class="la la-arrow-right la-lg text-primary rotate-315"></i>
                                        @elseif($cobranza_refinanciamiento[2] == $cobranza_refinanciamiento[3])
                                        <i class="la la-arrow-right la-lg text-secondary rotate-90"></i>
                                        @else
                                        <i class="la la-arrow-right la-lg text-danger rotate-45"></i>
                                        @endif
                                    </div>
                                    <p class="text-muted mb-0 mr"><small>Hace 1 semana</small></p>
                                </div>
                                <div class="w-50 p-3 px-4">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h6>
                                            $ {!! number_format($cobranza_refinanciamiento[1],2) !!} MXN
                                        </h6>
                                        @if($cobranza_refinanciamiento[1] > $cobranza_refinanciamiento[2])
                                        <i class="la la-arrow-right la-lg text-primary rotate-315"></i>
                                        @elseif($cobranza_refinanciamiento[1] == $cobranza_refinanciamiento[2])
                                        <i class="la la-arrow-right la-lg text-secondary rotate-90"></i>
                                        @else
                                        <i class="la la-arrow-right la-lg text-danger rotate-45"></i>
                                        @endif
                                    </div>
                                    <p class="text-muted mb-0 mr"><small>Hace 2 semanas</small></p>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
            <!-- fin Cobranza refinanciamiento -->

            <!-- semanas no pago -->
            <div class="col-sm-12 col-lg-6 col-xl-4">
                <div class="pb-xlg h-100">
                    <section class="widget mb-0 h-100">
                        <header class="d-flex justify-content-between flex-wrap">
                            <h4  style="color:#495057; font-size:14px;" class="d-flex align-items-center pb-1 big-stat-title">
                                Cobranza pura<span class="fw-normal ml-xs"></span>
                            </h4>
                        </header>
                        <div class="widget-body p-0 border-top">
                            <div class="p-3 px-4">
                                <div class="d-flex justify-content-between align-items-center">
                                    <span class="class_span ml-lg mb-lg text-left"><b>$ {!! number_format($cobranza_pura[0],2) !!} MXN</b></span>
                                    @if($cobranza_pura[0] > $cobranza_pura[1])
                                    <h2><i class="la la-arrow-right la-lg text-primary rotate-315"></i></h2>
                                    @elseif($cobranza_pura[0] == $cobranza_pura[1])
                                    <h2><i class="la la-arrow-right la-lg text-secondary rotate-90"></i></h2>
                                    @else
                                    <h2><i class="la la-arrow-right la-lg text-danger rotate-45"></i></h2>
                                    @endif
                                </div>
                                <h4 class="fw-semi-bold ml-lg mb-lg">Semana actual</h4>
                            </div>
                            <div class="d-flex border-top">
                                <div class="w-50 border-right p-3 px-4">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h6>
                                            $ {!! number_format($cobranza_pura[2],2) !!} MXN
                                        </h6>
                                        @if($cobranza_pura[2] > $cobranza_pura[3])
                                        <i class="la la-arrow-right la-lg text-primary rotate-315"></i>
                                        @elseif($cobranza_pura[2] == $cobranza_pura[3])
                                        <i class="la la-arrow-right la-lg text-secondary rotate-90"></i>
                                        @else
                                        <i class="la la-arrow-right la-lg text-danger rotate-45"></i>
                                        @endif
                                    </div>
                                    <p class="text-muted mb-0 mr"><small>Hace 1 semana</small></p>
                                </div>
                                <div class="w-50 p-3 px-3">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h6>
                                            $ {!! number_format($cobranza_pura[1],2)!!} MXN
                                        </h6>
                                        @if($cobranza_pura[1] > $cobranza_pura[2])
                                        <i class="la la-arrow-right la-lg text-primary rotate-315"></i>
                                        @elseif($cobranza_pura[1] == $cobranza_pura[2])
                                        <i class="la la-arrow-right la-lg text-secondary rotate-90"></i>
                                        @else
                                        <i class="la la-arrow-right la-lg text-danger rotate-45"></i>
                                        @endif
                                    </div>
                                    <p class="text-muted mb-0 mr"><small>Hace 2 semanas</small></p>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
            <!-- fin semanas no pago -->
        </div>
    </div>
</div>
@endif


@endsection