@extends('layouts.app')

@section('content')
<div class="page-title">
    <h3>Uplod Kyc Documents</h3>
    @include('partials._breadcrumbs')
</div>
<div id="main-wrapper">

    <div class="row">
        <form method="POST" enctype="multipart/form-data" id="form" class="" action="/kyc">
            @csrf

            <div class="col-md-12">
                <div class="panel panel-white">
                    @if($user->kyc_status=="Pending" && $user->aadharFront=="")
                    <label class="label label-info" for=""> Your Kyc is pending please upload the documents </label>
                    @elseif($user->kyc_status=="Pending"&& $user->aadharFront!="")
                    <label class="label label-warning" for=""> Your Kyc is in under processing </label>
                    @elseif($user->kyc_status=="Approved")
                    <label class="label label-success" for=""> Your Kyc has been approved </label>
                    @elseif($user->kyc_status=="Rejected")
                    <label class="label label-danger" for=""> Your Kyc has been rejected </label>
                    @endif
                    <div class="panel-heading clearfix">
                        <h4 class="panel-title">KYC Information </h4>

                    </div>
                    <div class="panel-body">

                        <div class="row">
                            <div class="col-md-2">
                                <div class="form-group required">
                                    <label for="" class="control-label">First Name </label>

                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <input type="text" class="form-control" readonly value="{{$user->name}}"
                                        id='first_name' name="first_name">

                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group required">
                                    <label for="" class="control-label">Last name</label>

                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <input type="text" class="form-control" readonly value="{{$user->last_name}}"
                                        id='last_name' name="last_name">
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-md-2">
                                <div class="form-group required">
                                    <label for="" class="control-label">Aadhaar</label>

                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <input type="text" class="form-control" readonly value="{{$user->aadhar}}"
                                        id='aadhar' name="aadhar">

                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group required">
                                    <label for="" class="control-label">Pan Card</label>

                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <input type="text" class="form-control" readonly value="{{$user->pancard}}"
                                        class="form-control" id='pancard' name="pancard">

                                </div>
                            </div>
                        </div>
                      <div class="row">
                           <div class="col-md-2">
                                <div class="form-group ">
                                    <label for="" class="control-label">Shop Name </label>

                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <input type="text" class="form-control" readonly value="{{$user->shop_name}}"
                                        id='shop_name' name="shop_name">

                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group ">
                                    <label for="" class="control-label">Shop address</label>

                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <textarea class="form-control" readonly style="resize:none" id='shop_address'
                                        name="shop_address">{{$user->shop_address}}</textarea>

                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-2">
                                <div class="form-group ">
                                    <label for="" class="control-label">GST Number</label>

                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <input type="text" class="form-control" readonly value="{{$user->gst_number}}"
                                        id='gst_number' name="gst_number">

                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group ">
                                    <label for="" class="control-label">Business Pan Card</label>

                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <input type="text" class="form-control" readonly value="{{$user->bpancard}}"
                                        id='bpancard' name="bpancard">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-2">
                                <div class="form-group required">
                                    <label for="" class="control-label">Address </label>

                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <textarea class="form-control" readonly style="resize:none" id='address'
                                        name="address">{{$user->address}}</textarea>


                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group required">
                                    <label for="" class="control-label">Country</label>

                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <input type="text" readonly class="form-control" value="{{$user->country}}"
                                        id='country' name="country">

                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-2">
                                <div class="form-group required">
                                    <label for="" class="control-label">State</label>

                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">

                                    <input type="text" readonly class="form-control" value="{{$user->state}}" id='state'
                                        name="state">
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group required">
                                    <label for="" class="control-label">City</label>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <input type="text" class="form-control" readonly value="{{$user->city}}" id='city'
                                        name="city">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-2">
                                <div class="form-group required">
                                    <label for="" class="control-label">Post Code</label>

                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <input readonly value="{{$user->post_code}}" name="post_code" id="post_code"
                                        class="form-control">
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-md-2">
                                <div class="form-group required">
                                    <label for="" class="control-label">Upload Aadhar Card <br> (Both side)</label>

                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <input type="file" name="aadharFront" id="aadharBoth"> <br>
                                    <input type="file" name="aadharBack" id="aadharBack">
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group required">
                                    <label for="" class="control-label">Upload Pan Card </label>

                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <input type="file" name="panCardImage" id="panCardImage">
                                </div>
                            </div>

                        </div>
                    </div>



                    <div class="panel-body">

                        <div class="row">
                            <div class="col-md-2">
                                <button class="btn btn-xs btn-success" type="submit">Upload Docs</button>
                            </div>
                        </div>

                    </div>


                </div>

            </div>
        </form>
    </div>

</div>



@endsection