@extends('layouts.app')
@section('content')

    @include('layouts.toolbar')

    <div id="kt_content_container" class="d-flex flex-column-fluid align-items-start container-xxl">
        <div class="content flex-row-fluid" id="kt_content">
            <div class="card">
                <div class="card-header border-0 pt-6">
                    <div class="card-title">
                        <div class="d-flex align-items-center position-relative my-1">
                            <h3 class="fw-semibold text-dark mb-7"> Update Profile </h3>
                        </div>
                    </div>
                </div>

                <div class="card-body">
                    {{--<div class="row">
                        <div class="col-2">
                            <h4 class="fw-semibold text-dark mt-2">Referring link</h4>
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-6 mb-5">
                            <label class="required form-label fs-6 fw-semibold"> Link </label>
                            <input type="text" class="form-control form-control-solid" id="referral_link" value="{{ 'https://referral.yfacademy.org?referral_id='.user()->parent_id }}" readonly />
                        </div>

                        <div class="col-2 mt-8">
                            <button type="button" class="btn btn-primary w-10" onclick="copy()">Copy text</button>
                        </div>
                    </div>--}}

                    <form id="ParentForm" name="ParentForm">
                        {{ csrf_field() }}

                        <input type="hidden" name="parentID" id="parentID" value="{{ $parent->id }}">
                        <input type="hidden" name="fatherAccountID" id="fatherAccountID" value="{{ !empty($fatherAccount->id)?$fatherAccount->id:'' }}">
                        <input type="hidden" name="motherAccountID" id="motherAccountID" value="{{ !empty($motherAccount->id)?$motherAccount->id:'' }}">
                        <div class="row" style="display: none">
                            <div class="col-4 mb-5">
                                <label class="required form-label fs-6 fw-semibold"> Type </label>
                                <select name="account_type" id="account_type" class="form-select form-select-sm form-select-solid" data-control="select2" data-placeholder="Select an option">
                                    <option value="LIVE" {{ ($parent->account_type == 'LIVE')?'selected':'' }}>LIVE</option>
                                    <option value="TEST" {{ ($parent->account_type == 'TEST')?'selected':'' }}>TEST</option>
                                </select>
                            </div>

                            {{--<div class="col-4 mb-5">
                                <label class="required form-label fs-6 fw-semibold">Alternative Name of the Payor </label>
                                <input type="text" class="form-control form-control-sm form-control-solid" placeholder="Enter Payor Name" name="alter_payor" id="alter_payor" value="{{ isset($parent->alter_payor)?ucfirst($parent->alter_payor):'' }}" />
                            </div>--}}
                        </div>
                        <div class="row father">
                            <div class="col-2">
                                <h4 class="fw-semibold text-dark mt-2">Information</h4>
                            </div>
                        </div>
                        <div class="father">
                            <hr>
                            <div class="row">
                                <div class="col-4 mb-5">
                                    <label class="required form-label fs-6 fw-semibold"> Full Name </label>
                                    <input type="text" class="form-control form-control-sm form-control-solid @error('father_full_name') is-invalid @enderror" placeholder="Enter Full Name" name="father_full_name" id="father_full_name" value="{{ isset($parent->father_full_name)?$parent->father_full_name:'' }}" />
                                </div>

                                <div class="col-4 mb-5">
                                    <label class="required form-label fs-6 fw-semibold">Email (This will be used to login to your account)</label>
                                    <input type="hidden" name="father_email" id="father_email" class="form-control form-control-sm form-control-solid" value="{{ isset($parent->father_email)?$parent->father_email:'' }}" />
                                    <input type="email" class="form-control form-control-sm form-control-solid" value="{{ isset($parent->father_email)?$parent->father_email:'' }}" {{ (session('role') == 'PARENT')?'disabled':'' }} />
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-4 mb-5">
                                    <label class="required form-label fs-6 fw-semibold">Mobile Number </label>
                                    <input type="tel" class="form-control form-control-sm form-control-solid @error('father_mobile_number') is-invalid @enderror" placeholder="Enter Mobile number" name="father_mobile_number" id="father_mobile_number" value="{{ isset($parent->father_mobile_number)?$parent->father_mobile_number:'' }}" />
                                </div>

                                <div class="col-4 mb-5">
                                    <label class="form-label fs-6 fw-semibold">Home Phone</label>
                                    <input type="tel" class="form-control form-control-sm form-control-solid" placeholder="Enter Home Phone" name="father_home_phone" id="father_home_phone" value="{{ isset($parent->father_home_phone)?$parent->father_home_phone:'' }}" />
                                </div>

                                <div class="col-4 mb-5">
                                    <label class="form-label fs-6 fw-semibold">Work Phone </label>
                                    <input type="tel" class="form-control form-control-sm form-control-solid" placeholder="Enter Work Phone" name="father_work_phone" id="father_work_phone" value="{{ isset($parent->father_work_phone)?$parent->father_work_phone:'' }}" />
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-12 mb-5">
                                    <label class="required form-label fs-6 fw-semibold">Home Address</label>
                                    <textarea class="form-control form-control-sm form-control-solid @error('father_home_address') is-invalid @enderror" placeholder="Enter Home Address" name="father_home_address" id="father_home_address" rows="2" cols="3">{{ isset($parent->father_home_address)?$parent->father_home_address:'' }}</textarea>
                                </div>
                            </div>
                        </div>

                        <div class="row mother">
                            <div class="col-2">
                                <h4 class="fw-semibold text-dark mt-2">Information</h4>
                            </div>
                        </div>
                        <div class="mother">
                            <hr>
                            <div class="row">
                                <div class="col-4 mb-5">
                                    <label class="required form-label fs-6 fw-semibold"> Full Name </label>
                                    <input type="text" class="form-control form-control-sm form-control-solid @error('mother_full_name') is-invalid @enderror" placeholder="Enter Full Name" name="mother_full_name" id="mother_full_name" value="{{ isset($parent->mother_full_name)?$parent->mother_full_name:'' }}" />
                                </div>

                                <div class="col-4 mb-5">
                                    <label class="required form-label fs-6 fw-semibold">Email (This will be used to login to your account)</label>
                                    <input type="hidden" name="mother_email" id="mother_email" class="form-control form-control-sm form-control-solid" value="{{ isset($parent->mother_email)?$parent->mother_email:'' }}" />
                                    <input type="email" class="form-control form-control-sm form-control-solid" value="{{ isset($parent->mother_email)?$parent->mother_email:'' }}" {{ (session('role') == 'PARENT')?'disabled':'' }} />
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-4 mb-5">
                                    <label class="required form-label fs-6 fw-semibold">Mobile Number </label>
                                    <input type="tel" class="form-control form-control-sm form-control-solid @error('mother_mobile_number') is-invalid @enderror" placeholder="Enter Mobile number" name="mother_mobile_number" id="mother_mobile_number" value="{{ isset($parent->mother_mobile_number)?$parent->mother_mobile_number:'' }}" />
                                </div>

                                <div class="col-4 mb-5">
                                    <label class="form-label fs-6 fw-semibold">Home Phone</label>
                                    <input type="tel" class="form-control form-control-sm form-control-solid" placeholder="Enter Home Phone" name="mother_home_phone" id="mother_home_phone" value="{{ isset($parent->mother_home_phone)?$parent->mother_home_phone:'' }}" />
                                </div>

                                <div class="col-4 mb-5">
                                    <label class="form-label fs-6 fw-semibold">Work Phone </label>
                                    <input type="tel" class="form-control form-control-sm form-control-solid" placeholder="Enter Work Phone" name="mother_work_phone" id="mother_work_phone" value="{{ isset($parent->mother_work_phone)?$parent->mother_work_phone:'' }}" />
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-12 mb-5">
                                    <label class="required form-label fs-6 fw-semibold"> Home Address </label>
                                    <textarea class="form-control form-control-sm form-control-solid @error('mother_home_address') is-invalid @enderror" placeholder="Enter Home Address" name="mother_home_address" id="mother_home_address" rows="2" cols="3">{{ isset($parent->mother_home_address)?$parent->mother_home_address:'' }}</textarea>
                                </div>
                            </div>
                        </div>

                        <br>
                        <h4 class="fw-semibold text-dark ">Emergency Contact Info (who to contact in case both parents are unreachable)</h4>
                        <hr>

                        <div class="row">
                            <div class="col-4 mb-5">
                                <label class="form-label fs-6 fw-semibold">Full Name</label>
                                <input type="text" class="form-control form-control-sm form-control-solid @error('emergency_full_name') is-invalid @enderror" placeholder="Enter Payor Name" name="emergency_full_name" id="emergency_full_name" value="{{ isset($parent->emergency_full_name)?$parent->emergency_full_name:'' }}" />
                            </div>

                            <div class="col-4 mb-5">
                                <label class="form-label fs-6 fw-semibold">Contact Number</label>
                                <input type="tel" class="form-control form-control-sm form-control-solid @error('emergency_mobile_number') is-invalid @enderror" placeholder="Enter Contact Number" name="emergency_mobile_number" id="emergency_mobile_number" value="{{ isset($parent->emergency_mobile_number)?$parent->emergency_mobile_number:'' }}" />
                            </div>

                            <div class="col-4 mb-5">
                                <label class="form-label fs-6 fw-semibold">Relationship</label>
                                <input type="text" class="form-control form-control-sm form-control-solid @error('emergency_relationship') is-invalid @enderror" placeholder="Enter Relationship" name="emergency_relationship" id="emergency_relationship" value="{{ isset($parent->emergency_relationship)?$parent->emergency_relationship:'' }}" />
                            </div>
                        </div>

                        <hr>
                        <div class="row d-flex">
                            <div class="col-1">
                                <button type="button" class="btn btn-success w-100" id="SubmitForm">
                                    Save
                                </button>
                            </div>

                            <div class="col-1">
                                <a href="{{ url('home') }}" type="button" class="btn btn-primary w-10" id="CancelForm">
                                    Cancel
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

@endsection
@section('js')
    <script type="text/javascript">

        @if(user()->parent_type != 'MOTHER')
        $('.mother').hide()
        @endif
        @if(user()->parent_type !== 'FATHER')
        $('.father').hide()
        @endif

        $(function() {
            $(document).on('click', '#SubmitForm', function(e) {
                $.blockUI({
                    css: {
                        border: 'none',
                        padding: '20px',
                        backgroundColor: '#000',
                        '-webkit-border-radius': '10px',
                        '-moz-border-radius': '10px',
                        opacity:         0.6,
                        color: '#fff',
                    }
                });
                $.ajax ({
                    type : 'POST',
                    url : '{{ url("profile/update") }}',
                    processData : false,
                    contentType : false,
                    data : new FormData($('#ParentForm')[0]),
                    dataType : 'json',

                    beforeSend: function() {
                        $('#SubmitForm').hide();
                        $('#CancelForm').hide();
                    },

                    success: function (data) {
                        $.unblockUI();
                        if(data.success) {
                            toastr.success(data.success);
                            if($('#account_type').val() == 'LIVE'){
                                setTimeout(function () {
                                    window.location.reload();
                                }, 1500);
                            }

                            if($('#account_type').val() == 'TEST'){
                                setTimeout(function () {
                                    window.location.reload();
                                }, 1500);
                            }

                        } else if (data.failure) {
                            let htmlError = '';
                            $.each(data.failure, function(index, value) {
                                htmlError += '<li>'+value+'</li>';
                            });

                            toastr.error(htmlError);
                        }
                    },

                    complete: function(){
                        $('#SubmitForm').show();
                        $('#CancelForm').show();
                    }
                });
            });
        });

        function copy() {
            var copyText = document.getElementById("referral_link");
            copyText.select();
            copyText.setSelectionRange(0, 99999); // For mobile devices
            navigator.clipboard.writeText(copyText.value);
            toastr.success("Referral url has been copied");
        }
    </script>
@endsection