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

@section('title', 'Account Opening')

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

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

            {{-- @include('frontend.layouts.accountOpening.partials.formsidebar') --}}

            <div class="lg:w-[75%] p-5 bg-white border-2 rounded-lg shadow-xl">

                @include('frontend.layouts.accountOpening.partials.form')

                <div class="flex mt-2 m-5 space-x-5 items-center">
                    <a href="{{ route('editAccountForm', $accountOpening->uuid) }}"
                        class="btn py-2 px-5 flex justify-center items-center bg-[#005aab] text-white font-semibold rounded-lg w-32 hover:cursor-pointer hover:scale-95 transition ease-in-out duration-200">Edit
                    </a>
                    <a href="{{ route('submitAccountForm', $accountOpening->uuid) }}"
                        class="btn py-2 px-5 flex justify-center items-center bg-[#00a7c9] text-white font-semibold rounded-lg w-32 hover:cursor-pointer hover:scale-95 transition ease-in-out duration-200">Submit
                    </a>
                </div>
            </div>
    </section>
@endsection

@section('scripts')
    <script src="{{ asset('assets/js/citizenshipVideo.js') }}"></script>
    <script>
        $('#accountOpeningForm :input').prop('disabled', true);
        $('#accountOpeningForm :input').prop('readonly', true);
    </script>

@endsection