{{-- @extends('layouts.masteruser') --}}
@extends('layouts.master')

@section('content')
<style>
.payment-body {
    font-family: Arial, sans-serif;
    margin: 20px;
}

.payment-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.payment-table th,
.payment-table td {
    border: 1px solid #000;
    padding: 10px;
}

.payment-table th {
    background-color: #f2f2f2;
}

.payment-table th[colspan="3"] {
    text-align: center;
}
</style>
@if ($user->role == 'payor')
    <a href="{{ route('payor.dashboard') }}" class="btn btn-lg btn-danger_ rounded-pill px-3" style="margin-left: 20px;background: #ff7700;color:#fff">
        <i class="fa-solid fa-arrow-left"></i>@lang('messages.back')
    </a>
@elseif($user->role === 'minister')
    <a href="{{ route('minister.dashboard') }}" class="btn btn-lg btn-danger_ rounded-pill px-3" style="margin-left: 20px;background: #ff7700;color:#fff">
        <i class="fa-solid fa-arrow-left"></i>@lang('messages.back')
    </a>
@elseif($user->role === 'minister_supervisor')
    <a href="{{ route('minister_supervisor.dashboard') }}" class="btn btn-lg btn-danger_ rounded-pill px-3" style="margin-left: 20px;background: #ff7700;color:#fff">
        <i class="fa-solid fa-arrow-left"></i>
        @lang('messages.back')</a>
@elseif($user->role === 'user')
    <a href="{{ route('showServices') }}" class="btn btn-lg btn-danger_ rounded-pill px-3" style="margin-left: 20px;background: #ff7700;color:#fff">
        <i class="fa-solid fa-arrow-left"></i>
        @lang('messages.back')
    </a>
@elseif($user->role === 'employee')
    <a href="{{ route('empDashboard', ['id' => 4]) }}" class="btn btn-lg btn-danger_ rounded-pill px-3" style="margin-left: 20px;background: #ff7700;color:#fff">
        <i class="fa-solid fa-arrow-left"></i>
        @lang('messages.back')
    </a>
@elseif($user->role === 'supervisor')
    <a href="{{ route('supappDashboard', ['id' => 4]) }}" class="btn btn-lg btn-danger_ rounded-pill px-3" style="margin-left: 20px;background: #ff7700;color:#fff">
        <i class="fa-solid fa-arrow-left"></i>
        @lang('messages.back')
    </a>
@endif
<div class="payment-body">
    <table class="payment-table">
        <thead>
            <tr>
                <th>Banque</th>
                <th>Compte bancaire</th>
                <th>RIB / SWIFT</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>{{$application_data->banque_name}}</td>
                <td>{{$application_data->bank_account_number}}</td>
                <td>{{$application_data->swift_iban_number}}</td>
            </tr>
            <tr>
                <th>Paiement</th>
                <th>Date de paiement (DD/MM/YY)</th>
                <th colspan="2">Montant payé (XOF)</th>
            </tr>
            <tr>
                <td>1e paiement</td>
                <td>{{ $payment_info->first_payment ? \Carbon\Carbon::parse($payment_info->first_payment)->format('d/m/Y') : '' }}
                </td>
                <td>{{$payment_info->first_amount ?? ''}}</td>
            </tr>
            <tr>
                <td>2e paiement</td>
                <td>{{ $payment_info->second_payment ? \Carbon\Carbon::parse($payment_info->second_payment)->format('d/m/Y') : '' }}
                </td>
                <td>{{$payment_info->second_amount ?? ''}}</td>
            </tr>
            <tr>
                <td>3e paiement</td>
                <td>{{ $payment_info->third_payment ? \Carbon\Carbon::parse($payment_info->third_payment)->format('d/m/Y') : '' }}
                </td>
                <td>{{$payment_info->third_amount ?? ''}}</td>
            </tr>
        </tbody>
    </table>
</div>
@endsection