@extends('layouts.base')

@section('content')
@section('breadcrumb')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
            <li class="breadcrumb-item"><a href="{{ $homeUrl }}">Accueil</a></li>
            <li class="breadcrumb-item"><a href="{{ route('partner.parameters.index') }}">Paramètres</a></li>
            <li class="breadcrumb-item active" aria-current="page">Mes règles de vente</li>
        </ol>
    </nav>
@endsection

@php
    $activeTab = session('open_tab') ?: 'plateformes';
@endphp

<div class="container-fluid py-0">
    <div class="container">
        <div class="row mb-4">
            <div class="col-12">
                <div class="justify-content-between align-items-center">
                    <div class="row">
                        <div class="col-md-1">
                            <div class="big-icon-badge d-flex align-items-center justify-content-center mx-auto">
                                <span class="icon-tags icon icon-54 text-primary"></span>
                            </div>
                        </div>
                        <div class="col-md-9">
                            <h1 class="h3 mb-2 text-primary">Mes règles de vente</h1>
                            <div class="text-grey text-16">
                                Gérez les paramètres de vente de vos applications et programmes
                            </div>
                        </div>
                        <div class="col-md-2 d-flex justify-content-end">
                            <a href="{{ $homeUrl }}" class="btn btn-md btn-outline-secondary">
                                <i class="fas fa-arrow-left me-2"></i>Retour
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container pt-2">
        <ul class="nav nav-tabs mb-0" id="saleParametersTabs" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link text-navigo {{ $activeTab === 'plateformes' ? 'active' : '' }}" id="tab-plateformes-tab" data-bs-toggle="tab" data-bs-target="#tab-plateformes" type="button" role="tab" aria-controls="tab-plateformes" aria-selected="{{ $activeTab === 'plateformes' ? 'true' : 'false' }}">
                    Paramètres des Plateformes <span class="badge">{{ $applications->count() }}</span>
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link text-navigo {{ $activeTab === 'programmes' ? 'active' : '' }}" id="tab-programmes-tab" data-bs-toggle="tab" data-bs-target="#tab-programmes" type="button" role="tab" aria-controls="tab-programmes" aria-selected="{{ $activeTab === 'programmes' ? 'true' : 'false' }}">
                    Paramètres des Programmes <span class="badge">{{ $programs->count() }}</span>
                </button>
            </li>
        </ul>
    </div>
</div>

<div class="container-fluid container-fluid-bordered">
    <div class="container">
        <div class="tab-content" id="saleParametersTabsContent">
            <div class="tab-pane fade {{ $activeTab === 'plateformes' ? 'show active' : '' }}" id="tab-plateformes" role="tabpanel" aria-labelledby="tab-plateformes-tab">
                @if($applications->count() > 0)
                <div class="table-responsive">
                    <table class="table-personnalisee table-hover align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th style="width: 18%;" class="text-center">
                                    <i class="fas fa-clock me-1"></i>Durée option
                                </th>
                                <th style="width: 15%;" class="text-center">
                                    <i class="fas fa-layer-group me-1"></i>Rang
                                </th>
                                <th style="width: 15%;" class="text-center">
                                    <i class="fas fa-plus-circle me-1"></i>Prolongation
                                </th>
                                <th style="width: 12%;" class="text-center">
                                    <i class="fas fa-business-time me-1"></i>Jours ouvrables
                                </th>
                                <th style="width: 12%;" class="text-center">
                                    <i class="fas fa-check-circle me-1"></i>Validation automatique
                                </th>
                                <th style="width: 15%;" class="text-center">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($applications as $app)
                            <tr>
                                @if($app->saleParameter)
                                <td class="text-center">
                                    @php
                                        $durationEnum = \App\Enums\OptionDuration::tryFrom($app->saleParameter->option_duration_day);
                                    @endphp
                                    @if($durationEnum)
                                        {{ $durationEnum->label() }}
                                    @endif
                                </td>
                                <td class="text-center">
                                    Rang {{ $app->saleParameter->option_rang }}
                                </td>
                                <td class="text-center">
                                    @php
                                        $extensionEnum = \App\Enums\OptionProlongation::tryFrom($app->saleParameter->extension_numbers ?? 0);
                                    @endphp
                                    @if($extensionEnum)
                                        {{ $extensionEnum->label() }}
                                    @endif
                                </td>
                                <td class="text-center">
                                    @if($app->saleParameter->option_jour_ouvrable)
                                        Oui
                                    @else
                                        Non
                                    @endif
                                </td>
                                <td class="text-center">
                                    @if($app->saleParameter->auto_validated_option)
                                        Oui
                                    @else
                                        Non
                                    @endif
                                </td>
                                @else
                                <td colspan="5" class="text-center text-muted">
                                    <i class="fas fa-exclamation-circle me-1"></i>Non configuré
                                </td>
                                @endif
                                <td class="text-center">
                                    <div class="d-flex gap-1 justify-content-center">
                                        <a href="{{ route('partner.sale-parameters.switch.show', $app) }}" class="btn btn-action btn-outline-secondary" title="Voir">
                                            <span class="icon-eye icon icon-16 text-black align-items-center justify-content-center mx-auto"></span>
                                        </a>
                                        <a href="{{ route('partner.sale-parameters.switch.edit', $app) }}" class="btn btn-action btn-outline-secondary" title="Modifier">
                                            <span class="icon-square-pen icon icon-16 text-black align-items-center justify-content-center mx-auto"></span>
                                        </a>
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                @else
                <div class="text-center py-5">
                    <i class="fas fa-inbox fa-3x text-muted mb-3"></i>
                    <h5 class="mb-1">Aucune application</h5>
                    <p class="text-muted mb-0">Vous n'avez accès à aucune application.</p>
                </div>
                @endif

                <hr class="my-4">

                <div class="card border-info">
                    <div class="card-body">
                        <h6 class="text-primary mb-3">
                            <i class="fas fa-info-circle me-2"></i>À propos des paramètres de vente
                        </h6>
                        <ul class="mb-0 small">
                            <li class="mb-2">
                                <strong>Applications :</strong> Chaque application possède des paramètres de vente par défaut qui s'appliquent à tous ses programmes.
                            </li>
                            <li class="mb-2">
                                <strong>Programmes :</strong> Vous pouvez créer des paramètres spécifiques pour chaque programme qui remplaceront les paramètres par défaut de l'application.
                            </li>
                            <li>
                                <strong>Paramètres :</strong>
                                <ul class="mt-1">
                                    <li><strong>Durée option :</strong> Temps pendant lequel une option peut être posée</li>
                                    <li><strong>Rang :</strong> Permet les options de rang 1 et/ou rang 2 (option de secours)</li>
                                    <li><strong>Prolongation :</strong> Nombre de fois qu'une option peut être prolongée</li>
                                    <li><strong>Jours ouvrables :</strong> Si activé, exclut les week-ends et jours fériés du calcul de durée</li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="tab-pane fade {{ $activeTab === 'programmes' ? 'show active' : '' }}" id="tab-programmes" role="tabpanel" aria-labelledby="tab-programmes-tab">
                @if($programs->count() > 0)
                <div class="table-responsive">
                    <table class="table-personnalisee table-hover align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th style="width: 25%;">
                                    <i class="fas fa-building me-1"></i>Programme
                                </th>
                                <th style="width: 13%;" class="text-center">
                                    <i class="fas fa-clock me-1"></i>Durée option
                                </th>
                                <th style="width: 10%;" class="text-center">
                                    <i class="fas fa-layer-group me-1"></i>Rang
                                </th>
                                <th style="width: 12%;" class="text-center">
                                    <i class="fas fa-plus-circle me-1"></i>Prolongation
                                </th>
                                <th style="width: 11%;" class="text-center">
                                    <i class="fas fa-business-time me-1"></i>Jours ouvrables
                                </th>
                                <th style="width: 11%;" class="text-center">
                                    <i class="fas fa-check-circle me-1"></i>Validation automatique
                                </th>
                                <th style="width: 12%;" class="text-center">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($programs as $program)
                            @php
                                $application = $program->applications->first();
                            @endphp
                            <tr>
                                <td>
                                    <div class="fw-bold">{{ $program->name }}</div>
                                    <small class="text-muted">{{ $program->slug }}</small>
                                </td>
                                @if($program->saleParameter)
                                <td class="text-center">
                                    @php
                                        $durationEnum = \App\Enums\OptionDuration::tryFrom($program->saleParameter->option_duration_day);
                                    @endphp
                                    @if($durationEnum)
                                    {{ $durationEnum->label() }}
                                    @endif
                                </td>
                                <td class="text-center">
                                    Rang {{ $program->saleParameter->option_rang }}
                                </td>
                                <td class="text-center">
                                    @php
                                        $extensionEnum = \App\Enums\OptionProlongation::tryFrom($program->saleParameter->extension_numbers ?? 0);
                                    @endphp
                                    @if($extensionEnum)
                                        {{ $extensionEnum->label() }}
                                    @endif
                                </td>
                                <td class="text-center">
                                    @if($program->saleParameter->option_jour_ouvrable)
                                        Oui
                                    @else
                                        Non
                                    @endif
                                </td>
                                <td class="text-center">
                                    @if($program->saleParameter->auto_validated_option)
                                        Oui
                                    @else
                                        Non
                                    @endif
                                </td>
                                @else
                                <td colspan="5" class="text-center">
                                    <span class="badge bg-light text-muted border">
                                        <i class="fas fa-arrow-right me-1"></i>Utilise les paramètres généraux
                                    </span>
                                </td>
                                @endif
                                <td class="text-center">
                                    <div class="d-flex gap-1 justify-content-center">
                                        @if($application && !$program->saleParameter)
                                        <a href="{{ route('partner.sale-parameters.switch.show', $application) }}" class="btn btn-action btn-outline-secondary" title="Voir les paramètres de l'application">
                                            <span class="icon-eye icon icon-16 text-black align-items-center justify-content-center mx-auto"></span>
                                        </a>
                                        @endif
                                        @if($application)
                                        <a href="{{ route('partner.program.show', ['program' => $program->token]) }}#parameters" class="btn btn-action btn-outline-secondary" title="Gérer">
                                            <span class="icon-settings icon icon-16 text-black align-items-center justify-content-center mx-auto"></span>
                                        </a>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                @else
                <div class="text-center py-5">
                    <i class="fas fa-inbox fa-3x text-muted mb-3"></i>
                    <h5 class="mb-1">Aucun programme</h5>
                    <p class="text-muted mb-0">Vous n'avez créé aucun programme dans vos applications.</p>
                </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection