@extends('layouts.app')

@section('title')
Disbursement
@endsection

@section('content')

@if (session('success'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
    <i class="mdi mdi-check-all me-2"></i>
    {{ session('success') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif

@if (session('error'))
<div class="alert alert-danger alert-dismissible fade show" role="alert">
    <i class="mdi mdi-block-helper me-2"></i>
    {{ session('error') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif

<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0 font-size-18">Disbursement Proof</h4>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-12 mb-1">
        <p class="mb-sm-0 font-size-14"><span class="fw-bold">Applicant Name : </span>{{ $applicant->applicant_name }}</p>
    </div>
    <div class="col-12 mb-1">
        <p class="mb-sm-0 font-size-14"><span class="fw-bold">Disbursement Date : </span>{{ $disbursement->date }}</p>
    </div>
    <div class="col-12 mb-1">
        <p class="mb-sm-0 font-size-14"><span class="fw-bold">Amount : </span>RM {{ number_format($disbursement->amount) }}</p>
    </div>
    <div class="col-12 mb-1">
        <p class="mb-sm-0 font-size-14"><span class="fw-bold">Remarks : </span>{{ $disbursement->remarks ?? '-' }}</p>
    </div>
    <div class="col-12 mb-1">
        <p class="mb-sm-0 font-size-14"><span class="fw-bold">Proof : </span>
            <a href="{{ Storage::disk('supportingdoc')->url($disbursement->proof) }}" target="_blank">
                Show Proof of Disbursement
            </a>
        </p>
    </div>
</div>

@endsection