@extends('layouts.simple.master') 

@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/animate.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/echart.css') }}">
@endsection

@section('main_content')
<style>
    .table th {
        position: sticky !important;
        top: 0 !important;
        background-color: #ffff;
    }

    .table-responsive {
        max-height: 450px;
        border-radius: 8px;
        position: relative;
        overflow-x: hidden;
    }
</style>


<div class="container-fluid">
    <div class="page-title">
        <div class="row">
            <div class="col-6">
                <h4>Indicadores</h4>
            </div>
            <div class="col-6">
            </div>
        </div>
    </div>
</div>
<!-- Container-fluid starts-->
<div class="container-fluid">
    <!-- Primera Fila con X Columnas -->
    <div class="row">
        <!-- Columna 1: BarChart Horizontal -->
        <div class="col-md-2">
            <a href="{{ url('/operations/comercial/ofertas/cial_ofertas?estado[]=Perdido&estado[]=Ganado&estado[]=Pendiente de adjudicacion&fecha_desde=' . $currentYear . '&fecha_hasta=' . $currentDate) }}" style="text-decoration: none; color: inherit;">
                <div class="card">
                    <div class="card-header">
                        <h5>Presentadas este año Vs año anterior</h5>
                    </div>
                    <div class="card-body">
                        <h3 class="card-title text-end">
                            {{ $currentYearOffers }} ({{ $previousYearOffers }})
                        </h3>
                    </div>
                </div>
            </a>
        </div>
        <!-- Columna 2: Conteo de Ofertas Pendientes -->
        <div class="col-md-2">
            <a href="/operations/comercial/ofertas/gestion/pendientes" style="text-decoration: none; color: inherit;">
                <div class="card">
                    <div class="card-header">
                        <h5>Ofertas Pendientes</h5>
                    </div>
                    <div class="card-body">
                        <h3 class="card-title text-end">{{ $pendingOffers }}</h3>
                    </div>
                </div>
            </a>
        </div>
        <!-- Columna 3: Total de Importe Estimado Pendiente -->
        <div class="col-md-2">
        <a href="/operations/comercial/ofertas/cial_ofertas?estado[]=Pendiente&sector=P%C3%BAblico&tipo_licitacion=&search=" style="text-decoration: none; color: inherit;">
            <div class="card">
                <div class="card-header">
                    <h5>Importe Estimado Pendiente</h5>
                </div>
                <div class="card-body">
                    <h3 class="card-title text-end">{{ number_format($totalPendingImporte, 2) }}</h3>
                </div>
            </div>
        </a>
        </div>
        <!-- Columna 4: Concursos Pendientes 
        <div class="col-md-2">
            <a href="/operations/comercial/ofertas/cial_ofertas?estado[]=Pendiente&sector=P%C3%BAblico&tipo_licitacion=&search=" style="text-decoration: none; color: inherit;">
                <div class="card">
                    <div class="card-header">
                        <h5>Concursos Pendientes</h5>
                    </div>
                    <div class="card-body">
                        <h3 class="card-title text-end">{{ $concursosPendientes }}</h3>
                    </div>
                </div>
            </a>
        </div>
        -->

        <div class="col-md-2">
            <a href="{{ url('/operations/comercial/ofertas/cial_ofertas?estado[]=Pendiente de adjudicacion') }}" style="text-decoration: none; color: inherit;">
                <div class="card">
                    <div class="card-header">
                        <h5>Ofertas Pendientes de Adjudicación</h5>
                    </div>
                    <div class="card-body">
                        <h3 class="card-title text-end">{{ $ofertasPendientesAdjudicacion }}</h3>
                    </div>
                </div>
            </a>
        </div>

        <!-- Columna 3: Total de Importe Estimado Pendiente -->
        <div class="col-md-2">
            <a href="/operations/comercial/ofertas/cial_ofertas?estado[]=Pendiente de adjudicacion" style="text-decoration: none; color: inherit;">
                <div class="card">
                    <div class="card-header">
                        <h5>Importe Estimado Pendientes de Adjudicación</h5>
                    </div>
                    <div class="card-body">
                        <h3 class="card-title text-end">{{ number_format($totalPendientesAdjudicacionImporte, 2) }}</h3>
                    </div>
                </div>
            </a>
        </div>

        <div class="col-md-2"><img src="{{ asset('assets/images/dashboard-3/insights.png') }}"></div>
    </div>
    <!-- Fin de la Primera Fila -->
    <!-- Segunda Fila con 1 Columna -->
    <div class="row mt-4">
        <!-- Columna 1: Ofertas Pendientes (Duplicada para Segunda Fila) -->
        <div class="row mt-4">
        <!-- Columna 1: Ofertas Privadas Pendientes -->

        <!-- Columna 2: Ganadas y Perdidas (Simplificada) -->
        <div class="col-md-2 mb-2">
            <div class="card">
                <div class="card-header">
                    <h5>Histórico</h5>
                </div>
                <div class="card-body">
                    <h4 class="card-title text-end">Ganadas: {{ $ganados }}</h4>
                    <h4 class="card-title text-end">Perdidas: {{ $perdidos }}</h4>
                </div>
            </div>
        </div>
        <!-- Columna 3: Últimos 12 Meses -->
        <div class="col-md-2 mb-2">
            <div class="card">
                <div class="card-header">
                    <h5>Últimos 12 Meses</h5>
                </div>
                <div class="card-body">
                    <h4 class="card-title text-end">Ganadas: {{ $ganadosUltimos12Meses }}</h4>
                    <h4 class="card-title text-end">Perdidas: {{ $perdidosUltimos12Meses }}</h4>
                </div>
            </div>
        </div>
        <!-- Columna 4: Presentaciones Pendientes -->
        <div class="col-md-2">
        <a href="/operations/comercial/ofertas/cial_ofertas?estado[]=Pendiente&tipo_licitacion=&search=" style="text-decoration: none; color: inherit;">
                <div class="card">
                    <div class="card-header">
                        <h5>Pendientes de presentar</h5>
                    </div>
                    <div class="card-body">
                        <h3 class="card-title text-end">{{ $presentacionPendienteCount }}</h3>
                    </div>
                </div>
            </a>
        </div>
        <!-- Columna 5: Presentadas Pendientes -->
        <div class="col-md-2">
        <a href="/operations/comercial/ofertas/cial_ofertas?estado[]=Pendiente&tipo_licitacion=&search=" style="text-decoration: none; color: inherit;">
                <div class="card">
                    <div class="card-header">
                        <h5>Pendientes de decisión</h5>
                    </div>
                    <div class="card-body">
                        <h3 class="card-title text-end">{{ $presentadasPendientes }}</h3>
                    </div>
                </div>
            </a>
        </div>


        <!-- Resto de tu contenido existente -->
    <div class="row size-column">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h5>Ofertas Pendientes</h5>
                </div>
                <div class="card-body">
                    @if($pendingOffersDetails->isNotEmpty())
                        <div class="table-responsive">
                            <table class="table table-striped table-hover">
                                <thead>
                                    <tr>
                                        <th>Fecha Presentación</th>
                                        <th>Cód</th>
                                        <th>Cliente</th>
                                        <th>Proyecto</th>
                                        <th>Importe Estimado</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($pendingOffersDetails as $offer)
                                        <tr>
                                            <td>{{ \Carbon\Carbon::parse($offer->fecha_presentacion)->format('d/m/Y') }}</td>
                                            <td>{{ $offer->codigo_proyecto }}</td>
                                            <td>{{ $offer->cliente }}</td>
                                            <td>{{ $offer->proyecto }}</td>
                                            <td class="text-end">{{ number_format($offer->importe_estimado, 2) }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <p>No hay ofertas pendientes.</p>
                    @endif
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h5>Próximos Proyectos a 3 meses vista</h5>
                </div>
                <div class="card-body">
                    @if($ofertasProximas->isNotEmpty())
                        <div class="table-responsive">
                            <table class="table table-striped table-hover">
                                <thead>
                                    <tr>
                                        <th>Fecha Fin Contrato</th>
                                        <th>Cód</th>
                                        <th>Cliente</th>
                                        <th>Proyecto</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($ofertasProximas as $oferta)
                                        <tr>
                                            <td>{{ \Carbon\Carbon::parse($oferta->fecha_fin_contrato)->format('d/m/Y') }}</td>
                                            <td>{{ $oferta->codigo_proyecto }}</td>
                                            <td>{{ $oferta->cliente }}</td>
                                            <td>{{ $oferta->proyecto }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <p>No hay próximos proyectos.</p>
                    @endif
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h5>Ofertas pendientes de Adjudicación</h5>
                </div>
                <div class="card-body">
                    @if($pendingAdjudicationOffersDetails->isNotEmpty())
                        <div class="table-responsive">
                            <table class="table table-striped table-hover">
                                <thead>
                                    <tr>
                                        <th>Fecha Presentación</th>
                                        <th>Cód</th>
                                        <th>Cliente</th>
                                        <th>Proyecto</th>
                                        <th>Importe Estimado</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($pendingAdjudicationOffersDetails as $offer)
                                        <tr>
                                            <td>{{ \Carbon\Carbon::parse($offer->fecha_presentacion)->format('d/m/Y') }}</td>
                                            <td>{{ $offer->codigo_proyecto }}</td>
                                            <td>{{ $offer->cliente }}</td>
                                            <td>{{ $offer->proyecto }}</td>
                                            <td class="text-end">{{ number_format($offer->importe_estimado, 2) }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <p>No hay ofertas pendientes de adjudicación.</p>
                    @endif
                </div>
            </div>
        </div>
    </div>
    <!-- Fin de la Segunda Fila -->
    </div>
</div>
@endsection

@section('script')
    <script src="{{ asset('assets/js/chart/echart/echarts.js') }}"></script>
    <script src="{{ asset('assets/js/chart/echart/echarts-custom.js') }}"></script>
    <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
@endsection