@extends("../dashboard._blank")

@section("sidebar")
    @include("../dashboard._sidebar")
@endsection

@section("css_add")
    <link rel="stylesheet" href="{{ asset('css/investment-payment-modern.css') }}">
    <style>
        .error {
            color: red;
        }

        .inputfile {
            width: 0.1px;
            height: 0.1px;
            opacity: 0;
            overflow: hidden;
            position: absolute;
            z-index: -1;
        }

        .inputfile + label {
            font-size: 1em;
            display: inline-block;
            cursor: pointer;
        }

        .inputfile:focus + label {
            outline: 1px dotted #000;
            outline: -webkit-focus-ring-color auto 5px;
        }

        #upload:hover, #upload2:hover {
            color: #6d8f1a;
            border: #6d8f1a 2px solid;
        }

        #selectedFiles img, #selectedFiles2 img {
            max-width: 125px;
            max-height: 125px;
            float: left;
            margin-bottom: 10px;
        }
    </style>
@endsection

@section("content")
    <div class="right_col payment-page-wrapper">
        <!-- ALERTS SECTION -->
        @if ($errors->any())
            <div class="payment-alert payment-alert-danger" style="margin: 0 30px 20px 30px;">
                <ul style="margin: 0; padding: 0;">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        @if(session("success"))
            <div class="payment-alert payment-alert-success" style="margin: 0 30px 20px 30px;">
                <i class="fas fa-check-circle"></i> {{ session('success') }}
            </div>
        @elseif(session("error"))
            <div class="payment-alert payment-alert-danger" style="margin: 0 30px 20px 30px;">
                <i class="fas fa-exclamation-circle"></i> {{ session('error') }}
            </div>
        @endif

        <!-- PAGE HEADER -->
        <div class="payment-header">
            <h2 class="payment-header-title">
                <i class="fas fa-money-bill-wave"></i>
                Remboursement sur le Projet
            </h2>
            <p class="payment-header-subtitle">
                Client: <strong>{{ $contribution->user->first_name }} {{ $contribution->user->last_name }}</strong>
                | Projet: <strong>{{ $project->titre }}</strong>
            </p>
        </div>

        <!-- ACTION BAR -->
        <div style="padding: 0 30px;">
            <div class="payment-action-bar">
                <a href="{{ route('investment.contribution.index',$project->slug) }}" class="payment-btn payment-btn-danger">
                    <i class="fas fa-arrow-left"></i>
                    Retour
                </a>
                <a href="{{ route('admin.investment.remboursement.rapport',$contribution->slug) }}" class="payment-btn payment-btn-secondary">
                    <i class="fas fa-download"></i>
                    Télécharger Rapport de Remboursement
                </a>
            </div>
        </div>

        <!-- CONTRIBUTION SUMMARY SECTION -->
        <div style="padding: 0 30px 30px;">
            <div class="payment-summary-grid">
                <!-- Client Info -->
                <div class="payment-summary-card">
                    <span class="payment-summary-label">Client</span>
                    <p class="payment-summary-value">{{ $contribution->user->first_name }} {{ $contribution->user->last_name }}</p>
                </div>

                <!-- Investment Amount -->
                <div class="payment-summary-card">
                    <span class="payment-summary-label">Montant Investis</span>
                    <p class="payment-summary-value">{{ $contribution->montant }} <span class="payment-summary-unit">XOF</span></p>
                </div>

                <!-- Profit Percentage -->
                <div class="payment-summary-card">
                    <span class="payment-summary-label">Rendement annuel</span>
                    <p class="payment-summary-value">{{ $project->pourcentage_gain }} <span class="payment-summary-unit">%</span></p>
                </div>

                <!-- Total Gain -->
                <div class="payment-summary-card">
                    <span class="payment-summary-label">Total Gain</span>
                    <p class="payment-summary-value">{{ intVal((($project->action_prix * $contribution->part)*($project->pourcentage_gain/100)) * $project->date_gain ) }} <span class="payment-summary-unit">XOF</span></p>
                </div>

                <!-- Total Return on Investment -->
                <div class="payment-summary-card">
                    <span class="payment-summary-label">Total Retour sur Investissement</span>
                    <p class="payment-summary-value">{{ $contribution->montant + (intVal((($project->action_prix * $contribution->part)*($project->pourcentage_gain/100)) * $project->date_gain )) }} <span class="payment-summary-unit">XOF</span></p>
                </div>

                <!-- Total Reimbursed Card (Highlighted) -->
                <div class="payment-summary-card payment-total-card">
                    <span class="payment-summary-label">Montant Total Remboursé</span>
                    <p class="payment-summary-value">{{ $total_rembourse }}</p>
                    <span class="payment-summary-unit">XOF</span>
                </div>

                <!-- Remaining Balance Card (Warning) -->
                <div class="payment-summary-card payment-remaining-card">
                    <span class="payment-summary-label">Total Restant à Rembourser</span>
                    <p class="payment-summary-value">{{ ($contribution->montant + (intVal((($project->action_prix * $contribution->part)*($project->pourcentage_gain/100)) * $project->date_gain )) - $total_rembourse) }}</p>
                    <span class="payment-summary-unit">XOF</span>
                </div>
            </div>
        </div>

        <!-- REIMBURSEMENT HISTORY SECTION -->
        <div style="padding: 0 30px 30px;">
            <div class="payment-history-container">
                <div class="payment-history-header">
                    <i class="fas fa-history"></i>
                    <h3>Historique des remboursements</h3>
                </div>

                @if($remboursements->count() > 0)
                    <table class="payment-history-table">
                        <thead>
                            <tr>
                                <th>Action</th>
                                <th>Status</th>
                                <th>Montant</th>
                                <th>Type</th>
                                <th>Année</th>
                                <th>Remboursé par</th>
                                <th>Remboursé le</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($remboursements as $remboursement)
                                <tr>
                                    <td>
                                        @if($remboursement->status==='pending')
                                            <form 
                                            @if(intval($remboursement->year)===intval(date('Y')))
                                                action="{{ route('investment.remboursement') }}"
                                            @endif
                                            method="post">
                                                @csrf
                                                @if(intval($remboursement->year)===intval(date('Y')))
                                                 <input type="hidden" name="remboursement_id" value="{{ $remboursement->id }}">
                                                @endif
                                                <button type="submit" class="payment-btn payment-btn-primary payment-btn-sm" @if(intval($remboursement->year)!==intval(date('Y'))) disabled @endif>
                                                    <i class="fas fa-money-bill-wave"></i> Rembourser
                                                </button>
                                            </form>
                                        @else
                                            <span class="payment-reference">Complété</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($remboursement->status==='pending')
                                            <span class="payment-status-badge payment-status-pending">
                                                <i class="fas fa-hourglass-half"></i> En attente
                                            </span>
                                        @else
                                            <span class="payment-status-badge payment-status-completed">
                                                <i class="fas fa-check-circle"></i> Terminé
                                            </span>
                                        @endif
                                    </td>
                                    <td>
                                        <span class="payment-amount">{{ number_format($remboursement->montant, 0, ',', ' ') }} XOF</span>
                                    </td>
                                    <td>
                                        <span class="payment-reference">{{ $remboursement->type }}</span>
                                    </td>
                                    <td>
                                        <span class="payment-reference">{{ $remboursement->year }}</span>
                                    </td>
                                    <td>
                                        <span class="payment-reference">@if($remboursement->paid_by) {{ $remboursement->paid_by }} @else --- @endif</span>
                                    </td>
                                    <td>
                                        <span class="payment-date">@if($remboursement->paid_id) {{ date("d/m/Y H:i", strtotime($remboursement->paid_id)) }} @else --- @endif</span>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                @else
                    <div class="payment-empty-state">
                        <i class="fas fa-inbox"></i>
                        <h4>Aucun remboursement enregistré</h4>
                        <p>Les remboursements apparaîtront ici une fois qu'ils seront traités.</p>
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection