@extends('admin.layouts.layout')
@section('content')
    <!-- BEGIN: Content-->
    <div class="app-content content ">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper container-xxl p-0">
            <div class="content-body">

                <!-- Basic Vertical form layout section start -->
                <section id="basic-vertical-layouts">
                    <div class="row">
                        <div class="col-md-12 col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">Withdrawal Details</h4>
                                </div>
                                <div class="card-body">
                                    <form class="form form-vertical" method="post" action="" autocomplete="off"
                                        enctype="multipart/form-data">
                                        @csrf
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="mb-1">
                                                    <label class="form-label" for="first-name-vertical">Driver Name</label>
                                                    <input type="text" id="" readonly
                                                        value="{{ $withdrawal->driver ? $withdrawal->driver->first_name : '' }} {{ $withdrawal->driver ? $withdrawal->driver->last_name : '' }}"
                                                        class="form-control" name="color" placeholder="Driver Name" />
                                                </div>
                                            </div>

                                            <div class="col-12">
                                                <div class="mb-1">
                                                    <label class="form-label" for="first-name-vertical">Driver Email</label>
                                                    <input type="text" id="" readonly
                                                        value="{{ $withdrawal->driver ? $withdrawal->driver->email : '' }}"
                                                        class="form-control" name="color" placeholder="Driver Email" />
                                                </div>
                                            </div>

                                            <div class="col-12">
                                                <div class="mb-1">
                                                    <label class="form-label" for="first-name-vertical">Driver Phone</label>
                                                    <input type="text" id="" readonly
                                                        value="{{ $withdrawal->driver ? $withdrawal->driver->country_code : '' }} {{ $withdrawal->driver ? $withdrawal->driver->phone_number : '' }}"
                                                        class="form-control" name="" placeholder="Driver Name" />
                                                </div>
                                            </div>

                                            <div class="col-12">
                                                <div class="mb-1">
                                                    <label class="form-label" for="first-name-vertical">Requested
                                                        Amount</label>
                                                    <input type="text" id="" readonly
                                                        value="{{ '$' . number_format($withdrawal->requested_amount ?? 0, 2) }}"
                                                        class="form-control" name=""
                                                        placeholder="Requested Amount" />
                                                </div>
                                            </div>

                                            <div class="col-12">
                                                <div class="mb-1">
                                                    <label class="form-label" for="first-name-vertical">Date</label>
                                                    <input type="text" id="" readonly
                                                        value="{{ $withdrawal->date ?? '' }}" class="form-control"
                                                        name="color" placeholder="Date" />
                                                </div>
                                            </div>

                                            <div class="col-12">
                                                <div class="mb-1">
                                                    <label class="form-label" for="first-name-vertical">Time</label>
                                                    <input type="text" id="" readonly
                                                        value="{{ $withdrawal->time ?? '' }}" class="form-control"
                                                        name="color" placeholder="Time" />
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12 col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">Bank Details</h4>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-vertical">Bank Name</label>
                                                <input type="text" id="" readonly
                                                    value="{{ $withdrawal->bank ? $withdrawal->bank->bank_name : '' }}"
                                                    class="form-control" name="color" placeholder="Bank Name" />
                                            </div>
                                        </div>

                                        <div class="col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-vertical">Account Number</label>
                                                <input type="text" id="" readonly
                                                    value="{{ $withdrawal->bank ? $withdrawal->bank->account_number : '' }}"
                                                    class="form-control" name="color" placeholder="Account Number" />
                                            </div>
                                        </div>

                                        <div class="col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-vertical">Payment Status</label>
                                                @if ($withdrawal->status == 1)
                                                    <div class="badge bg-warning text-dark">Pending</div>
                                                @elseif($withdrawal->status == 2)
                                                    <div class="badge bg-info">Hold</div>
                                                @elseif($withdrawal->status == 3)
                                                    <div class="badge bg-danger">Rejected</div>
                                                @elseif($withdrawal->status == 4)
                                                    <div class="badge bg-primary">Approved</div>
                                                @else
                                                    <div class="badge bg-warning text-dark">Pending</div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- Basic Vertical form layout section end -->

            </div>
        </div>
    </div>
    <!-- END: Content-->
@endsection