@extends('layouts.simple.master')
<script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
@section('main_content')
@include('operations.comercial.ofertas.navigation_explotacion')

<div class="container">
    <h1>Detalles de Explotación</h1>

    <!-- Incluye el filtro -->
    @include('operations.comercial.explotacion.partials.default_filter')

    <!-- Los gráficos -->
    <div class="container">
    <!-- Área de Tipo de Licitación -->
    <div class="card mb-4">
        <div class="card-header">
            <strong>Tipo de Licitación</strong>
        </div>
        <div class="card-body">
            <div class="row">
                <!-- Gráfico de Registros -->
                <div class="col-md-6">
                    @include('operations.widgets.bar_chart', [
                        'chartId' => 'chart_registros_licitacion',
                        'title' => 'Registros por Tipo de Licitación',
                        'legend' => ['Ganado', 'Perdido', 'Pendiente', 'Renuncia', 'Pendiente de adjudicacion'],
                        'xData' => $chartData['xAxis'],
                        'xAxisName' => 'Tipo de Licitación',
                        'yAxisName' => 'Cantidad',
                        'series' => $chartData['series']
                    ])
                </div>
                <!-- Gráfico de Importes -->
                <div class="col-md-6">
                    @include('operations.widgets.bar_chart', [
                        'chartId' => 'chart_importes_licitacion',
                        'title' => 'Importes Estimados por Tipo de Licitación',
                        'legend' => ['Ganado', 'Perdido', 'Pendiente', 'Renuncia', 'Pendiente de adjudicacion'],
                        'xData' => $importesData['xAxis'],
                        'xAxisName' => 'Tipo de Licitación',
                        'yAxisName' => 'Importe Estimado (€)',
                        'series' => $importesData['series']
                    ])
                </div>
            </div>
        </div>
    </div>

    <!-- Área de Sectores -->
    <div class="card mb-4">
        <div class="card-header">
            <strong>Sectores</strong>
        </div>
        <div class="card-body">
            <div class="row">
                <!-- Gráfico de Registros por Sector -->
                <div class="col-md-6">
                    @include('operations.widgets.bar_chart', [
                        'chartId' => 'chart_registros_sector',
                        'title' => 'Registros por Sector',
                        'legend' => ['Ganado', 'Perdido', 'Pendiente', 'Renuncia', 'Pendiente de adjudicacion'],
                        'xData' => $sectorData['xAxis'],
                        'xAxisName' => 'Sectores',
                        'yAxisName' => 'Cantidad',
                        'series' => $sectorData['series']
                    ])
                </div>
                <!-- Gráfico de Importes por Sector -->
                <div class="col-md-6">
                    @include('operations.widgets.bar_chart', [
                        'chartId' => 'chart_importes_sector',
                        'title' => 'Importes Estimados por Sector',
                        'legend' => ['Ganado', 'Perdido', 'Pendiente', 'Renuncia', 'Pendiente de adjudicacion'],
                        'xData' => $sectorImportesData['xAxis'],
                        'xAxisName' => 'Sectores',
                        'yAxisName' => 'Importe Estimado (€)',
                        'series' => $sectorImportesData['series']
                    ])
                </div>
            </div>
        </div>
    </div>

    <!-- Sección de Línea de Negocio -->
    <div class="card mb-4">
        <div class="card-header">
            <strong>Línea de Negocio</strong>
        </div>
        <div class="card-body">
            <div class="row">
                <!-- Gráfico de Registros por Línea de Negocio -->
                <div class="col-md-6">
                    @include('operations.widgets.bar_chart', [
                        'chartId' => 'chart_registros_linea_negocio',
                        'title' => 'Registros por Línea de Negocio',
                        'legend' => ['Ganado', 'Perdido', 'Pendiente', 'Renuncia', 'Pendiente de adjudicacion'],
                        'xData' => $lineaNegocioData['xAxis'],
                        'xAxisName' => 'Línea de Negocio',
                        'yAxisName' => 'Cantidad',
                        'series' => $lineaNegocioData['series']
                    ])
                </div>
                <!-- Gráfico de Importes por Línea de Negocio -->
                <div class="col-md-6">
                    @include('operations.widgets.bar_chart', [
                        'chartId' => 'chart_importes_linea_negocio',
                        'title' => 'Importes Estimados por Línea de Negocio',
                        'legend' => ['Ganado', 'Perdido', 'Pendiente', 'Renuncia', 'Pendiente de adjudicacion'],
                        'xData' => $lineaNegocioImportesData['xAxis'],
                        'xAxisName' => 'Línea de Negocio',
                        'yAxisName' => 'Importe Estimado (€)',
                        'series' => $lineaNegocioImportesData['series']
                    ])
                </div>
            </div>
        </div>
    </div>

    <!-- Sección de Fidelización -->
    <div class="card mb-4">
        <div class="card-header">
            <strong>Fidelización</strong>
        </div>
        <div class="card-body">
            <div class="row">
                <!-- Gráfico de Registros por Fidelización -->
                <div class="col-md-6">
                    @include('operations.widgets.bar_chart', [
                        'chartId' => 'chart_registros_fidelizacion',
                        'title' => 'Registros por Fidelización',
                        'legend' => ['Ganado', 'Perdido', 'Pendiente', 'Renuncia', 'Pendiente de adjudicacion'],
                        'xData' => $fidelizacionData['xAxis'],
                        'xAxisName' => 'Fidelización',
                        'yAxisName' => 'Cantidad',
                        'series' => $fidelizacionData['series']
                    ])
                </div>
                <!-- Gráfico de Importes por Fidelización -->
                <div class="col-md-6">
                    @include('operations.widgets.bar_chart', [
                        'chartId' => 'chart_importes_fidelizacion',
                        'title' => 'Importes Estimados por Fidelización',
                        'legend' => ['Ganado', 'Perdido', 'Pendiente', 'Renuncia', 'Pendiente de adjudicacion'],
                        'xData' => $fidelizacionImportesData['xAxis'],
                        'xAxisName' => 'Fidelización',
                        'yAxisName' => 'Importe Estimado (€)',
                        'series' => $fidelizacionImportesData['series']
                    ])
                </div>
            </div>
        </div>
    </div>

    <div class="card mb-4">
        <div class="card-header">
            <strong>Actividad por Estado</strong>
        </div>
        <div class="card-body">
            <div class="row">
                <!-- Gráfico de Registros por Actividad -->
                <div class="col-md-6">
                    @include('operations.widgets.bar_chart_vertical', [
                        'chartId' => 'chart_registros_actividad',
                        'title' => 'Registros por Actividad',
                        'legend' => ['Ganado', 'Perdido', 'Pendiente', 'Renuncia', 'Pendiente de adjudicacion'],
                        'xData' => $actividadData['xAxis'],
                        'xAxisName' => 'Actividades',
                        'yAxisName' => 'Cantidad',
                        'series' => $actividadData['series']
                    ])
                </div>
                <!-- Gráfico de Importes por Actividad -->
                <div class="col-md-6">
                    @include('operations.widgets.bar_chart_vertical', [
                        'chartId' => 'chart_importes_actividad',
                        'title' => 'Importes Estimados por Actividad',
                        'legend' => ['Ganado', 'Perdido', 'Pendiente', 'Renuncia', 'Pendiente de adjudicacion'],
                        'xData' => $actividadImportesData['xAxis'],
                        'xAxisName' => 'Actividades',
                        'yAxisName' => 'Importe Estimado (€)',
                        'series' => $actividadImportesData['series']
                    ])
                </div>
            </div>
        </div>
    </div>




</div>
@endsection