@extends('layout.app')
@section('title','View Truck Loan')
@section('content')
    <div class="app-hero-header d-flex align-items-center">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="javascript:void(0);">Truck Loan Details</a>
            </li>
        </ol>
        <div class="ms-auto d-lg-flex flex-row">
            <div class="d-flex flex-row gap-1 day-sorting">
                <a href="{{route('truck-loan.index')}}" class="btn btn-sm btn-primary">
                    <i class="ri-arrow-left-circle-fill"></i> Back
                </a>
            </div>
        </div>
    </div>
    
    <div class="app-body">
        <div class="row gx-3">
            <div class="col-sm-12">
                <div class="card mb-3">
                    <div class="card-body">
                        <table class="table table-bordered">
                            <tr>
                                <th class="table-light" style="width: 25%">Truck Number</th>
                                <td>{{$loan->truck ? $loan->truck->truck_no : ''}}</td>
                                <th class="table-light" style="width: 25%">Financer</th>
                                <td>{{$loan->financer ? $loan->financer->name : ''}}</td>
                            </tr>
                            <tr>
                                <th class="table-light">Loan Account Number</th>
                                <td>{{$loan->loan_account_number}}</td>
                                <th class="table-light">Status</th>
                                <td>{{$loan->status}}</td>
                            </tr>
                            <tr>
                                <th class="table-light">Principal Sanctioned</th>
                                <td>₹{{number_format($loan->principal_amount, 2)}}</td>
                                <th class="table-light">Interest Rate</th>
                                <td>{{$loan->interest_rate}}%</td>
                            </tr>
                            <tr>
                                <th class="table-light">Tenure</th>
                                <td>{{$loan->tenure_months}} months</td>
                                <th class="table-light">EMI Amount</th>
                                <td>₹{{number_format($loan->emi_amount, 2)}}</td>
                            </tr>
                            <tr>
                                <th class="table-light">Sanction Date</th>
                                <td>{{$loan->sanction_date}}</td>
                                <th class="table-light">EMI Start Date</th>
                                <td>{{$loan->emi_start_date}}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection