@extends('front.user.profile')

@section('page-title', 'KYC/AML')

@section('tab-content')
    {!! Form::open(['route' => 'front.user.update_kyc', 'method' => 'POST', 'files' => true, 'class' => 'flex-fill', 'id' => 'kyc-form']) !!}
    <div class="row">
        <legend class="text-uppercase font-size-lg font-weight-bold mr-3 ml-3">KYC Information</legend>
        <div class="col-md-6 pr-3 pl-3">
            <div class="form-group">
                <label class="">First Name</label>
                <input type="text" class="form-control" id="firstname" name="firstname" value="" placeholder="First Name">
            </div>

            <div class="form-group">
                <label class="">Date of birth </label>
                <div class="input-group">
                    <input type="text" class="form-control daterange-single" name="birthday" value="" placeholder="Date of birth">
                    <span class="input-group-prepend">
                        <span class="input-group-text"><i class="icon-calendar22"></i></span>
                    </span>
                </div>
            </div>

            <div class="form-group">
                <label class="">Nationality </label>
                <input type="text" class="form-control" id="nationality" name="nationality" value="" placeholder="Nationality">
            </div>


            <div class="form-group">
                <label class="d-block pb-2">Identify Card Type</label>
                <div class="form-check form-check-inline">
                    <label class="form-check-label">
                        <input type="radio" class="form-check-input-styled" name="id_type" checked data-fouc>
                        ID Card
                    </label>
                </div>

                <div class="form-check form-check-inline">
                    <label class="form-check-label">
                        <input type="radio" class="form-check-input-styled" name="id_type" data-fouc>
                        Passport
                    </label>
                </div>
            </div>


            <div class="form-group">
                <label class="">Issued On </label>
                <div class="input-group">
                    <input type="text" class="form-control daterange-single" name="issued_on" value="" placeholder="Issued On">
                    <span class="input-group-prepend">
                        <span class="input-group-text"><i class="icon-calendar22"></i></span>
                    </span>
                </div>
            </div>


            <div class="form-group">
                <label class="">Personal Digital Number </label>
                <input type="text" class="form-control" id="personal_digital_number" name="personal_digital_number" value="">
            </div>
        </div>
        <div class="col-md-6 pr-3 pl-3">
            <div class="form-group">
                <label class="">Last Name</label>
                <input type="text" class="form-control" id="lastname" name="lastname" value="" placeholder="Last Name">
            </div>

            <div class="form-group">
                <label class="">Place of birth </label>
                <input type="text" class="form-control" id="birthplace" name="birthplace" value="" placeholder="Place of birth">
            </div>

            <div class="form-group">
                <label class="">Address </label>
                <input type="text" class="form-control" id="address" name="address" value="" placeholder="Resident">
            </div>

            <div class="form-group">
                <label class="">Series </label>
                <input type="text" class="form-control" id="series" name="series" value="" placeholder="Series of Identify Card">
            </div>


            <div class="form-group">
                <label class="">Issued By </label>
                <input type="text" class="form-control" id="issued_by" name="issued_by" value="" placeholder="Issued By">
            </div>

            <div class="form-group">
                <label class="">Card Image </label>
                <input type="file" class="form-control-uniform" name="card_image" data-fouc>
                <span class="form-text text-muted">Accepted formats: png, jpeg, jpg. Max file size 2Mb</span>
            </div>
        </div>
    </div>

    <div class="col-12">
        <div class="form-group text-center">
            <button type="button"  data-toggle="loader" data-loading-text="@lang('crm.wait_text')" class="btn btn-primary" id="btn-update">
                <i class="icon-floppy-disk"></i> Submit
            </button>
        </div>
    </div>
    {!! Form::close() !!}

@stop