@php $page = 'kyc' @endphp
@php
use Carbon\Carbon;
function getBadgeClass($status) {
switch ($status) {
case 'verified':
return 'success';
case 'rejected':
return 'danger';
default:
return 'warning';
}
}
@endphp
@extends('includes.layout')

@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>{{ $kyc->user->name }} Application</h1>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="breadcrumb-item"><a href="{{ route('manage.kyc') }}">KYC Applications</a></li>
            <li class="breadcrumb-item active">KYC Application</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-12">
                <div class="box">
                    <div class="box-header with-border">
                        <h3 class="box-title">
                            {{ $kyc->user->name }}
                            <span class="pl-10">
                                <span class="badge badge-{{ getBadgeClass($kyc->status) }}">{{
                                    Str::ucfirst($kyc->status) }}</span>
                            </span>
                        </h3>
                        <div class="btn-group float-right">
                            <button type="button" class="btn btn-primary btn-sm" data-toggle="modal"
                                data-target="#approveKYC">Approve</button>
                            <button type="button" class="btn btn-danger btn-sm" data-toggle="modal"
                                data-target="#rejectKYC">Reject</button>
                            <div class="modal fade" id="approveKYC">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h4 class="modal-title">Approve Application Request</h4>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span></button>
                                        </div>
                                        <div class="modal-body">
                                            <h4>Are you sure you want to aprrove this kyc application request?</h4>
                                        </div>
                                        <div class="modal-footer">
                                            <form action="{{ route('approve.kyc', $kyc->id) }}" method="POST">@csrf
                                                @method('patch')
                                                <button type="submit" class="btn btn-danger">Proceed</button>
                                            </form>
                                        </div>
                                    </div>
                                    <!-- /.modal-content -->
                                </div>
                                <!-- /.modal-dialog -->
                            </div>
                            <div class="modal fade" id="rejectKYC">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h4 class="modal-title">Reject Application Request</h4>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span></button>
                                        </div>
                                        <form action="{{ route('reject.kyc', $kyc->id) }}" method="POST">@csrf
                                            @method('patch')
                                            <div class="modal-body">
                                                <h4>Are you sure you want to reject this kyc application request.</h4>
                                                <div class="form-group">
                                                    <label for="reason">Reject Reason<span
                                                            class="text-danger">*</span></label>
                                                    <div class="controls">
                                                        <textarea name="reason" id="reason" class="form-control"
                                                            required placeholder="Reason for Reject" rows="5"
                                                            autofocus></textarea>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="submit" class="btn btn-danger">Proceed</button>
                                            </div>
                                        </form>
                                    </div>
                                    <!-- /.modal-content -->
                                </div>
                                <!-- /.modal-dialog -->
                            </div>
                        </div>
                    </div>
                    <div class="box-body box-profile">
                        <small class="text-muted mb-0">USER INFROMATION</small>
                        <div class="row mt-0">
                            <div class="col-md-6 col-12">
                                <div class="profile-user-info">
                                    <p>Full Name :<span class="text-gray pl-10">{{ $kyc->user->name }}</span> </p>
                                    <p>Email :<span class="text-gray pl-10">{{ $kyc->user->email }}</span> </p>
                                    <p>Gender :<span class="text-gray pl-10">{{ $kyc->user->gender }}</span></p>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="profile-user-info">
                                    <p>User Name :<span class="text-gray pl-10">{{ $kyc->user->username }}</span> </p>
                                    <p>Phone Number :<span class="text-gray pl-10">{{ $kyc->user->phone }}</span></p>
                                    <p>Date of Birth :<span class="text-gray pl-10">{{ $kyc->dob }}</span></p>
                                </div>
                            </div>
                        </div>
                        <small class="text-muted mb-0">ADDRESS INFROMATION</small>
                        <div class="row mt-0">
                            <div class="col-md-6 col-12">
                                <div class="profile-user-info">
                                    <p>City :<span class="text-gray pl-10">{{ $kyc->city }}</span></p>
                                    <p>Address :<span class="text-gray pl-10">{{ $kyc->user->address }}</span></p>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="profile-user-info">
                                    <p>State :<span class="text-gray pl-10">{{ $kyc->state }}</span></p>
                                    <p>Nationality :<span class="text-gray pl-10">{{ $kyc->user->country }}</span></p>
                                </div>
                            </div>
                        </div>
                        <small class="text-muted mb-0">DOCUMENT INFROMATION</small>
                        <div class="row mt-0">
                            <div class="col-md-12">
                                <h3>{{ $kyc->document_type }}</h3>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="profile-user-info">
                                    <img src="{{ asset($kyc->document_front) }}" alt="{{ env('APP_NAME') }}"
                                        style="height: 100%; width:100%">
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="profile-user-info">
                                    <img src="{{ asset($kyc->document_back) }}" alt="{{ env('APP_NAME') }}"
                                        style="height: 100%; width:100%">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.box -->
            </div>
            <!-- /.col -->
        </div>
    </section>
    <!-- /.content -->
</div>
<!-- /.content-wrapper -->
@endsection