@extends('layouts.frontend')

@section('title', 'Information')

@section('content')
    <form action="{{ route('update-info', [auth()->id(), App\Enums\UpdateAction::INFO]) }}" method="POST"
        class="d-flex flex-column justify-content-between" style="height: 100vh">
        @csrf
        @method('PUT')
        <div class="page-content card" x-init x-date="{}">
            <h3 class="py-2 text-bg-dark text-center">

                <div class="nav-button"><a href="{{route('information')}}"><i class="bi bi-arrow-left" style="color:white;float:left;margin-left:15px;"></i></a></div>
                Information
            </h3>

            <p class="py-2 mb-0 text-bg-warning text-center bg-opacity-25" style="color:#0079b7 !important">Please fill in the information truthfully to facilitate verification.</p>

            <!-- <div class="row mb-2">
                <label for="income" class="col-5 col-form-label" style="color:#0079b7 !important">Monthly income</label>
                <div class="col-7">
                    <input type="number" name="monthly_income" class="form-control border-0 text-end rounded-0"
                        id="income" autofocus value="{{ auth()->user()->member->monthly_income??'' }}" step="any"
                        @disabled(!empty(auth()->user()->member->monthly_income??'')) placeholder="Monthly Income">
                </div>
            </div> -->
            <div class="row mb-2" style="padding-left:10px;">
                <label for="address" class="col-5 col-form-label" style="color:#0079b7 !important">Present address</label>
                <div class="col-7">
                    <input type="text" class="form-control border-0 text-end rounded-0" id="address"
                        name="present_address" value="{{ auth()->user()->member->present_address??'' }}"
                        @disabled(!empty(auth()->user()->member->present_address??'')) placeholder="Present Address">
                </div>
            </div>
            <div class="row mb-2" style="padding-left:10px;">
                <label for="name" class="col-5 col-form-label" style="color:#0079b7 !important">Unit name</label>
                <div class="col-7">
                    <input type="text" class="form-control border-0 text-end rounded-0" id="name" name="unit_name"
                        value="{{ auth()->user()->member->unit_name??'' }}"
                        @disabled(!empty(auth()->user()->member->unit_name??'')) placeholder="Unique Name">
                </div>
            </div>
            <div class="row mb-2" style="padding-left:10px;">
                <label for="u_addres" class="col-5 col-form-label" style="color:#0079b7 !important">Unit address</label>
                <div class="col-7">
                    <input type="text" class="form-control border-0 text-end rounded-0" id="u_addres"
                        name="unit_address" value="{{ auth()->user()->member->unit_address??'' }}"
                        @disabled(!empty(auth()->user()->member->unit_address??'')) placeholder="Unique Address">
                </div>
            </div>
            <div class="row mb-2" style="padding-left:10px;">
                <label for="position" class="col-5 col-form-label" style="color:#0079b7 !important">Company Name</label>
                <div class="col-7">
                    <input type="text" class="form-control border-0 text-end rounded-0" id="position" name="company_name"
                        value="{{ auth()->user()->member->company_name??'' }}"
                        @disabled(!empty(auth()->user()->member->company_name??'')) placeholder="Company Name">
                </div>
            </div>
            <div class="row mb-2" style="padding-left:10px;">
                <label for="position" class="col-5 col-form-label" style="color:#0079b7 !important">Position</label>
                <div class="col-7">
                    <input type="text" class="form-control border-0 text-end rounded-0" id="position" name="position"
                        value="{{ auth()->user()->member->position??'' }}"
                        @disabled(!empty(auth()->user()->member->position??'')) placeholder="Position">
                </div>
            </div>
            <div class="row mb-2" style="padding-left:10px;">
                <label for="position" class="col-5 col-form-label" style="color:#0079b7 !important">Facebook Name</label>
                <div class="col-7">
                    <input type="text" class="form-control border-0 text-end rounded-0" id="facebook_name" name="facebook_name"
                        value="{{ auth()->user()->member->facebook_name??'' }}"
                        @disabled(!empty(auth()->user()->member->facebook_name??'')) placeholder="Facebook Name">
                </div>
            </div>
            <!-- <div class="row mb-2" style="padding-left:10px;">
                <label for="working" class="col-5 col-form-label" style="color:#0079b7 !important">Working age/year</label>
                <div class="col-7">
                    <input type="text" class="form-control border-0 text-end rounded-0" id="working"
                        name="working_year" value="{{ auth()->user()->member->working_year??'' }}"
                        @disabled(!empty(auth()->user()->member->working_year??'')) placeholder="Working Year">
                </div>
            </div> -->
            <div class="row mb-2" style="padding-left:10px;">
                <label for="purpose" class="col-5 col-form-label" style="color:#0079b7 !important">Purpose of applying loan</label>
                <div class="col-7">
                    <input type="text" class="form-control border-0 text-end rounded-0" id="purpose"
                        name="purpose_of_apply_loan" value="{{ auth()->user()->member->purpose_of_apply_loan??'' }}"
                        @disabled(!empty(auth()->user()->member->purpose_of_apply_loan??'')) placeholder="Purpose of applying loan">
                </div>
            </div>

            <p class="py-2 text-bg-warning text-center bg-opacity-25" style="color:#0079b7 !important;font-weight:bold">1. Person to notify in case of emergency</p>

            <div class="row mb-2" style="padding-left:10px;">
                <label for="u_name" class="col-5 col-form-label" style="color:#0079b7 !important">Name</label>
                <div class="col-7">
                    <input type="text" class="form-control border-0 text-end rounded-0" id="u_name"
                        name="relative_name_1" value="{{ auth()->user()->member->relative_name_1??'' }}"
                        @disabled(!empty(auth()->user()->member->relative_name_1??'')) placeholder="Relative Name">
                </div>
            </div>
            <div class="row mb-2" style="padding-left:10px;">
                <label for="relativity" class="col-5 col-form-label" style="color:#0079b7 !important">Relativity</label>
                <div class="col-7">
                    <input type="text" class="form-control border-0 text-end rounded-0" id="relativity"
                        name="relativity_1" value="{{ auth()->user()->member->relativity_1??'' }}"
                        @disabled(!empty(auth()->user()->member->relativity_1??'')) placeholder="Relativity">
                </div>
            </div>
            <div class="row mb-2" style="padding-left:10px;">
                <label for="contact" class="col-5 col-form-label" style="color:#0079b7 !important">Contact</label>
                <div class="col-7">
                    <input type="text" class="form-control border-0 text-end rounded-0" id="contact"
                        name="relative_contact_1" value="{{ auth()->user()->member->relative_contact_1??'' }}"
                        @disabled(!empty(auth()->user()->member->relative_contact_1??'')) placeholder="Relative Contact">
                </div>
            </div>

            <p class="py-2 text-bg-warning text-center bg-opacity-25" style="color:#0079b7 !important;font-weight: bold;">2. Person to notify in case of emergency</p>

            <div class="row mb-2" style="padding-left:10px;">
                <label for="u_name" class="col-5 col-form-label" style="color:#0079b7 !important">Name</label>
                <div class="col-7">
                    <input type="text" class="form-control border-0 text-end rounded-0" id="u_name"
                        name="relative_name_2" value="{{ auth()->user()->member->relative_name_2??'' }}"
                        @disabled(!empty(auth()->user()->member->relative_name_2??'')) placeholder="Relative Name">
                </div>
            </div>
            <div class="row mb-2" style="padding-left:10px;">
                <label for="relativity" class="col-5 col-form-label" style="color:#0079b7 !important" style="color:#0079b7 !important">Relativity</label>
                <div class="col-7">
                    <input type="text" class="form-control border-0 text-end rounded-0" id="relativity"
                        name="relativity_2" value="{{ auth()->user()->member->relativity_2??'' }}"
                        @disabled(!empty(auth()->user()->member->relativity_2??'')) placeholder="Relativity">
                </div>
            </div>
            <div class="row mb-2" style="padding-left:10px;">
                <label for="contact" class="col-5 col-form-label" style="color:#0079b7 !important" style="color:#0079b7 !important">Contact</label>
                <div class="col-7">
                    <input type="text" class="form-control border-0 text-end rounded-0" id="contact"
                        name="relative_contact_2" value="{{ auth()->user()->member->relative_contact_2??'' }}"
                        @disabled(!empty(auth()->user()->member->relative_contact_2??'')) placeholder="Relative Contact">
                </div>
            </div>
        </div>

        <div class="btn-submit">
            <button type="submit" class="btn btn-success rounded-0 fs-4 mt-auto w-100" onclick="return checkForm();">Submit</button>
        </div>
    </form>
    @if (session()->has('success'))
    <x-ms-success :message="session('success')" />
    @endif
    @if (session()->has('warning'))
    <x-ms-success type="warning" :message="session('warning')" />
    @endif
<style type="text/css">
     <style type="text/css">
    .card{
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        margin-bottom: 10px;
    }
</style>
@endsection
@push('styles')
<style type="text/css">
    .card{
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        margin-bottom: 10px;
    }
</style>
@endpush
@push('scripts')
<script type="text/javascript">
    function checkForm(){
        var er =false;
        // if(parseInt($('input[name="monthly_income"]').val())<=0){
        //     er = true;
        // }
        // else 
        if($('input[name="present_address"]').val()==''){
            er = true;
        }
        if($('input[name="facebook_name"]').val()==''){
            er = true;
        }
        else if($('input[name="unit_name"]').val()==''){
            er = true;
        }
        else if($('input[name="unit_address"]').val()==''){
            er = true;
        }
        else if($('input[name="company_name"]').val()==''){
            er = true;
        }
        else if($('input[name="position"]').val()==''){
            er = true;
        }
        // else if($('input[name="working_year"]').val()==''){
        //     er = true;
        // }
        else if($('input[name="purpose_of_apply_loan"]').val()==''){
            er = true;
        }
        else if($('input[name="relative_name_1"]').val()==''){
            er = true;
        }
        else if($('input[name="relativity_1"]').val()==''){
            er = true;
        }
        else if($('input[name="relative_contact_1"]').val()==''){
            er = true;
        }
        if(er) {
            jSuites.notification({
                error: 1,
                name: '',
                message: 'Please Fill Your Information.',
            });
        }
        return !er ;

    }
</script>
@endpush