@extends('layouts.admin')

@section('title')
  Show Virtual Card KYC Details for {{$virtualCardKy->user->name}}
@endsection


@section('breadcrumb')
    <section class="section">
        <div class="section-header justify-content-between">
            <h1>Show Virtual Card KYC Details for {{$virtualCardKy->user->name}}</h1>
            <a href="{{route('admin.virtual-card-kyc.index')}}" class="btn btn-primary"><i class="fas fa-backward"></i> @lang('Back')</a>
        </div>
    </section>
@endsection

@section('content')
    <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12">

                <div class="card">
                    <div class="card-header" style="display: flex; justify-content: space-between; align-items: center;">
                        <div class="float-left">
                            <span class="card-title">{{ __('Show') }} Virtual Card KYC | Status:  @if($virtualCardKy->status == 'approved')
                                    <span class="badge badge-success badge-sm">@lang('Approved')</span>
                                @elseif($virtualCardKy->status == 'pending')


                                    <span class="badge badge-warning">@lang('Pending')</span><br/>

                                @elseif($virtualCardKy->status == 'rejected')




                                    <span class="badge badge-danger">@lang('Rejected')</span>

                                @endif</span>
                        </div>

                    </div>

                    <div class="card-body bg-white">
                        <div class="row">
                        <div class="col-md-12">
                                <div class="form-group mb-2 mb20">
                                    <strong>User: </strong>
                                    {{ $virtualCardKy->user->name  }}

                                    {{$virtualCardKy->user->email}}



                                    <strong>Bvn:</strong>
                                    {{ $virtualCardKy->bvn }}

                                    <strong>Nin No:</strong>
                                    {{ $virtualCardKy->nin_no }}

                                    <strong>House No:</strong>
                                    {{ $virtualCardKy->house_no }}

                                    <strong>Street:</strong>
                                    {{ $virtualCardKy->street }}

                                    <strong>City:</strong>
                                    {{ $virtualCardKy->city }}

                                    <strong>State:</strong>
                                    {{ $virtualCardKy->state }}

                                    <strong>Country:</strong>
                                    {{ $virtualCardKy->country }}

                                    <strong>Postal Code:</strong>
                                    {{ $virtualCardKy->postal_code }}

                                    <strong>Id Type:</strong>
                                    {{ $virtualCardKy->id_type }}

                                    <strong>Id Number:</strong>
                                    {{ $virtualCardKy->id_number }}

                                    <strong>Address:</strong>
                                    {{ $virtualCardKy->address }}

                                    <strong>Phone Number:</strong>
                                    {{ $virtualCardKy->phone_number }}
                                </div>
                        </div>
                        </div>
                        <div class="row">

                        <div class="form-group mb-2 mb20 col-md-6">
<label>ID Image</label>
                            <a href="{{getPhoto($virtualCardKy->id_image_url)}}" data-lightbox="gallery" data-title="ID Image">
                            <img class="" width="200px" height="150px" src="{{getPhoto($virtualCardKy->id_image_url)}}" alt="">
                            </a>

                        </div> <div class="form-group mb-2 mb20 col-md-6">
                            <label>Photo</label>
                                <a href="{{getPhoto($virtualCardKy->photo)}}" data-lightbox="gallery" data-title="User Image">
                            <img class="" width="200px" height="150px" data-lightbox="gallery" data-title="User Picture" src="{{getPhoto($virtualCardKy->photo)}}" alt="">
                                </a>
                        </div>

                        </div>

                            <div class="form-group mb-2 mb20">
                                @if($virtualCardKy->status == 'approved')
                                    <button class="btn btn-danger btn-sm" data-toggle="modal" data-target="#rejectModal">Reject</button>
                                @elseif($virtualCardKy->status == 'pending')



                                    <button class="btn btn-danger btn-sm" data-toggle="modal" data-target="#rejectModal">Reject </button>

                                    <button class="btn btn-success btn-sm" data-toggle="modal" data-target="#approveModal">Approve KYC </button>

                                @elseif($virtualCardKy->status == 'rejected')


                                    <button class="btn btn-success btn-sm" data-toggle="modal" data-target="#approveModal">Reapproved Approve KYC</button>

                                @endif
                            </div>


                    </div>
                </div>
            </div>
        </div>
    </div>
       @include('virtual-card-ky._approve_reject_modal')

@endsection