@extends('layouts.master')

@section('title', 'Détails du dossier')

@section('content')
    <section class="section">
        <h1 class="section-header">
            <div>@yield('title')</div>
        </h1>
    </section>

    <div class="card">
        <div class="card-body">
            @if (Session::get('success'))
                <div class="card">
                    <div class="card-body">
                        <div class="alert alert-primary alert-dismissible fade show" role="alert">
                            <strong>{{ Session::get('success') }}</strong>
                        </div>
                    </div>
                </div>
            @endif

            @if (Session::get('error'))
                <div class="card">
                    <div class="card-body">
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            <strong>{{ Session::get('error') }}</strong>
                        </div>
                    </div>
                </div>
            @endif

            <div class="invoice">
                <div class="invoice-print">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="text-md-right">
                                <div class="float-lg-left mb-lg-0 mb-3">
                                    @if ($dossier->reliquat != 0)
                                        <a href="{{ route('paiement.create', ['id' => $dossier->id]) }}" class="btn btn-sm btn-primary btn-icon icon-left">
                                            <i class="fas fa-credit-card"></i> 
                                            Ajouter un paiement
                                        </a>
                                    @endif
                                    <a href="{{ route('dossier.index') }}" class="btn btn-sm btn-danger btn-icon icon-left">
                                        <i class="fas fa-times"></i> 
                                        Quitter
                                    </a>
                                </div>
                                <a href="{{ route('dossier.print', ['id' => $dossier->id]) }}" class="btn btn-sm btn-warning btn-icon icon-left" target="_blank">
                                    <i class="fas fa-print"></i> 
                                    Imprimer
                                </a>
                            </div>
                            <hr> 
                            <div class="row">
                                <div class="col-md-6">
                                    <address>
                                        <strong>Détails du client</strong><br>
                                        <strong>Prénom et nom:</strong> {{ $dossier->fullname }}<br>
                                        <strong>Adresse:</strong> {{ $dossier->adresse }}<br>
                                        <strong>Tél:</strong> {{ $dossier->phone }}<br>
                                    </address>
                                </div>
                                <div class="col-md-6 text-md-right">
                                    <address>
                                        <strong>Détails du dossier</strong><br>
                                        <strong>Localité du terrain:</strong> {{ $dossier->localite }}<br>
                                        <strong>Désignation:</strong> {{ $dossier->designation }}<br>
                                    </address>
                                </div>
                                <div class="col-md-12">
                                    <div class="section-title">
                                        @if ($dossier->situation != null)
                                            <strong>Situation actuel du dossier : <span class="text-primary">{{ $dossier->situation }}</span></strong>
                                        @else
                                            <strong>Situation actuel du dossier : <span class="text-danger">Aucun</span></strong>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                  
                    <div class="row mt-4">
                        <div class="col-md-12">
                            @if ($paiements->count() > 0)
                                <div class="table-responsive">
                                    <table class="table table-striped table-hover table-md">
                                        <thead>
                                            <tr>
                                                <th data-width="40" style="width: 40px;">#</th>
                                                <th class="text-center">Date de paiement</th>
                                                <th class="text-center">Mode de paiement</th>
                                                <th class="text-center">Montant de paiement</th>
                                                <th class="text-center">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($paiements as $key => $paiement)
                                                <tr>
                                                    <th data-width="40" style="width: 40px;">{{ $key + 1 }}</th>
                                                    <td class="text-center">{{ \Carbon\Carbon::parse($paiement->date)->format('d/m/Y') }}</td>
                                                    <td class="text-center">{{ $paiement->mode_paiement }}</td>
                                                    <td class="text-center">{{ $paiement->paiement }} <strong>FCFA</strong></td>
                                                    <td class="text-center">
                                                        @can('modifier_un_paiement')
                                                            <a href="{{ route('paiement.edit', ['id' => $paiement->id]) }}" class="text-primary">
                                                                <i class="fas fa-edit"></i>
                                                            </a>
                                                        @endcan

                                                        @can('supprimer_un_paiement')
                                                            <a href="{{ route('paiement.delete', ['id' => $paiement->id]) }}" class="text-danger" onclick="return confirm('Vous ètes sur le point de supprimer ce paiement.')">
                                                                <i class="fas fa-trash"></i>
                                                            </a>
                                                        @endcan
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @else
                                <p class="text-center">Aucun paiement effectué.</p>
                            @endif

                            <div class="row mt-4">
                                <div class="col-lg-8"></div>
                                <div class="col-lg-4 text-right">
                                    <div class="invoice-detail-item">
                                        <div class="invoice-detail-name">Montant total</div>
                                        <div class="invoice-detail-value"><strong>{{ $dossier->montant }} FCFA</strong></div>
                                    </div>
                                    <div class="invoice-detail-item">
                                        <div class="invoice-detail-name">Remise</div>
                                        <div class="invoice-detail-value"><strong>{{ $dossier->remise }} FCFA</strong></div>
                                    </div>
                                    <div class="invoice-detail-item">
                                        <div class="invoice-detail-name">Paiements</div>
                                        <div class="invoice-detail-value"><strong>{{ $totalAmount }} FCFA</strong></div>
                                    </div>
                                    <hr class="mt-2 mb-2">
                                    <div class="invoice-detail-item">
                                        <div class="invoice-detail-name">Réliquat</div>
                                        <div class="invoice-detail-value invoice-detail-value-lg"><strong>{{ $dossier->montant - $dossier->remise - $totalAmount }} FCFA</strong></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection