@extends('layouts.admin')

@section('title')
    Virtual Card KYC
@endsection
@section('style')

@endsection
@section('breadcrumb')
    <section class="section">
        <div class="section-header justify-content-between">
            <h1>Virtual Cards KYC</h1>
            <form action="">
                <div class="row">
                    <div class="col-md-6">
                        <select class="form-control" id="" onChange="window.location.href=this.value">
                            <option value="{{url('admin/virtual-cards/manage-kyc?status=pending')}}" {{request('status') == 'pending'?'selected':''}}>@lang('Pending')</option>
                            <option value="{{url('admin/virtual-cards/manage-kyc?status=approved')}}" {{request('status') == 'approved'?'selected':''}}>@lang('Approved')</option>
                            <option value="{{url('admin/virtual-cards/manage-kyc?status=rejected')}}" {{request('status') == 'rejected'?'selected':''}}>@lang('Rejected')</option>
                        </select>
                    </div>
                    <div class="col-md-6">
                        <div class="input-group has_append ">
                            <input type="text" class="form-control" placeholder="@lang('email')" name="search" value=""/>
                            <div class="input-group-append">
                                <button class="input-group-text bg-primary border-0"><i class="fas fa-search text-white"></i></button>
                            </div>
                        </div>
                    </div>

                </div>
            </form>
        </div>
    </section>
@endsection

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-header">
                        <div style="display: flex; justify-content: space-between; align-items: center;">

                            <span id="card_title">
                                {{ __('Virtual Card KYC') }}
                            </span>

                            <div class="float-right">

                            </div>
                        </div>
                    </div>
                    @if ($message = Session::get('success'))
                        <div class="alert alert-success m-4">
                            <p>{{ $message }}</p>
                        </div>
                    @endif

                    <div class="card-body bg-white">
                        <div class="table-responsive">
                            <table class="table table-striped table-hover">
                                <thead class="thead">
                                <tr>
                                    <th>No</th>

                                    <th >User</th>
                                    =
                                    <th >Bvn</th>
                                    <th >Nin No</th>
                                    <th >House No</th>
                                    <th >Street</th>
                                    <th >City</th>
                                    <th >State</th>
                                    <th >Country</th>
                                    <th >Postal Code</th>
                                    <th >Id Type</th>
                                    <th >Id Number</th>
                                    <th >Id Image</th>
                                    <th >User Image</th>
                                    <th >Address</th>
                                    <th >Phone Number</th>
                                    <th>Status</th>

                                    <th></th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach ($virtualCardKies as $virtualCardKy)
                                    <tr>
                                        <td>{{ ++$i }}</td>

                                        <td >{{ $virtualCardKy->user->name }}<br/>
                                            {{$virtualCardKy->user->email}}
                                            {{$virtualCardKy->user->phone}}</td>
                                        <td >{{ $virtualCardKy->bvn }}</td>
                                        <td >{{ $virtualCardKy->nin_no }}</td>
                                        <td >{{ $virtualCardKy->house_no }}</td>
                                        <td >{{ $virtualCardKy->street }}</td>
                                        <td >{{ $virtualCardKy->city }}</td>
                                        <td >{{ $virtualCardKy->state }}</td>
                                        <td >{{ $virtualCardKy->country }}</td>
                                        <td >{{ $virtualCardKy->postal_code }}</td>
                                        <td >{{ $virtualCardKy->id_type }}</td>
                                        <td >{{ $virtualCardKy->id_number }}</td>
                                        <td >  <a href="{{getPhoto($virtualCardKy->id_image_url)}}" data-lightbox="gallery" data-title="ID Image">
                                                <img width="50px" height="30px" src="{{getPhoto($virtualCardKy->id_image_url)}}" alt=""></a></td>
                                        <td >    <a href="{{getPhoto($virtualCardKy->photo)}}" data-lightbox="gallery" data-title="ID Image">  <img width="50px" height="30px" data-lightbox="gallery" data-title="User Picture" src="{{getPhoto($virtualCardKy->photo)}}" alt="">
                                            </a>
                                        </td>
                                        <td >{{ $virtualCardKy->address }}</td>
                                        <td >{{ $virtualCardKy->phone_number }}</td>
                                        <td data-label="@lang('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
                                        </td>

                                        <td>
                                            <div class="btn-group">
                                                <a class="btn btn-sm btn-primary " href="{{ route('admin.virtual-card-kyc.show', $virtualCardKy->_id) }}"> {{ __('Show') }}</a>

                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                {!! $virtualCardKies->withQueryString()->links() !!}
            </div>
        </div>
    </div>


@endsection