@extends('frontend.layouts.partials.app')

@section('title', 'KYC Form')

@section('meta', 'Welcome to Goodwill Finance Pvt. Ltd.')

@section('content')
    <section>
        <div class="py-10 px-10 flex space-x-1">

            @include('frontend.layouts.kyc.partials.formsidebar')

            <div class="w-[75%] p-6 bg-white border-2 rounded-lg shadow-xl">
                @include('frontend.layouts.kyc.partials.kycform')

                <div class="flex mt-2 m-5 gap-x-0.5">
                    <a href="{{ route('editKYCForm', $kyc->uuid) }}"
                        class="btn py-3 px-5 bg-[#005aab] text-white font-semibold rounded-lg">Edit KYC</a>
                    <a href="{{ route('submitKYCForm', $kyc->uuid) }}"
                        class="btn py-3 px-5 bg-[#00a7c9] text-white font-semibold rounded-lg">Submit KYC</a>
                </div>
            </div>
    </section>
@endsection

@section('scripts')
    <script>
        $('#kycVerificationForm :input').prop('disabled', true);
        $('#kycVerificationForm :input').prop('readonly', true);
    </script>
    @include('frontend.layouts.kyc.partials.scripts')
@endsection