@extends('layouts.master_partner')

@section('title')
    My Account
@endsection

@section('account')
    active
@endsection

@section('content')
    <div class="row">
        <div class="col-md-12">
            <h2 class="text-primary">CPR NUMBER : {{ $partner->cpr_number }}</h2>
        </div>
        <div class="col-md-6">
            <div class="block">
                <div class="block-header">
                    <h3 class="block-title">
                        Edit Profile
                    </h3>
                </div>
                <div class="block-content block-content-full">
                    <form class="js-validation-add-partner" method="POST" action="{{ route('partner.profile.edit', Auth::user()->id) }}">
                        @csrf
                        <div class="row items-push">
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="name">Name</label>
                                    <input type="text" class="form-control form-control-lg form-control-alt" id="name" name="name" value="{{ $partner->name }}">
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="email">Email Address</label>
                                    <input type="email" class="form-control form-control-lg form-control-alt" id="email" name="email" disabled value="{{ $partner->email }}" >
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="organization">Organization</label>
                                    <input type="text" class="form-control form-control-lg form-control-alt" id="organization" name="organization" value="{{ $partner->organization }}">
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="country">Country</label>
                                    <select name="country" id="country" class="form-control form-control-lg form-control-alt" onchange="getCity();">
                                        <option value="-1">Select Country...</option>
                                        @foreach($countries as $country)
                                            <option value="{{ $country->id}}" @if($partner->country == $country->id) {{ 'selected' }} @endif>{{ $country->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-12" id="city-section">
                                <div class="form-group">
                                    <label for="city">City</label>
                                    <div class="text-center" id="city-loader" style="display: none;"><i class="fa fa-spinner fa-spin"></i></div>
                                    <select name="city" id="city" class="form-control form-control-lg form-control-alt">
                                        <option value="-1">Select City...</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="country_code">Country Code</label>
                                    <select name="country_code" id="country_code" class="form-control form-control-lg form-control-alt">
                                        <option value="">Select Country Code...</option>
                                        @foreach($countries as $country)
                                            <option value="{{ $country->phone_code }}" @if($partner->country_code == $country->phone_code) {{ 'selected' }} @endif>{{ $country->name }} ({{ $country->phone_code }})</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="mobile_phone">Mobile Number</label>
                                    <input type="text" class="form-control form-control-lg form-control-alt" id="mobile_phone" name="mobile_phone" value="{{ $partner->mobile_phone }}">
                                </div>
                            </div>
                            @if(Auth::user()->email != 'cp@innoplore.com')
                                <div class="col-lg-12">
                                    <button type="submit" class="btn btn-primary">Edit Profile</button>
                                </div>
                            @else
                                <div class="col-lg-12">
                                    <button type="button" class="btn btn-primary" disabled>Edit Profile</button>
                                </div>
                            @endif
                        </div>
                    </form>
                </div>
            </div>
            <div class="block">
                <div class="block-header">
                    <h3 class="block-title">
                        Paypal Payments
                    </h3>
                </div>
                <div class="block-content block-content-full">
                    <form class="js-validation-paypal-payments" method="POST" action="{{ route('partner.paypal-payments') }}">
                        @csrf
                        <div class="row items-push">
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="val-paypal-name">Paypal Name</label>
                                    <input type="text" class="form-control form-control-lg form-control-alt" id="val-paypal-name" name="paypal_name" value="@if($partner->bankAccount){{ $partner->bankAccount->paypal_name }}@endif">
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="val-paypal-username">Paypal Username</label>
                                    <input type="text" class="form-control form-control-lg form-control-alt" id="val-paypal-username" name="paypal_username" value="@if($partner->bankAccount){{ $partner->bankAccount->paypal_username }}@endif">
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="val-paypal-email">Paypal Email</label>
                                    <input type="text" class="form-control form-control-lg form-control-alt" id="val-paypal-email" name="paypal_email" value="@if($partner->bankAccount){{ $partner->bankAccount->paypal_email }}@endif">
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="val-phone-number">Contact Phone Number</label>
                                    <input type="text" class="form-control form-control-lg form-control-alt" id="val-phone-number" name="phone_number" value="@if($partner->bankAccount){{ $partner->bankAccount->paypal_phone_number }}@endif">
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <button type="submit" class="btn btn-primary">@if($partner->bankAccount) Update @else Add @endif Paypal Payment</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="block">
                <div class="block-header">
                    <h3 class="block-title">
                        Change Password
                    </h3>
                </div>
                <div class="block-content block-content-full">
                    <form class="js-validation-change-password" method="POST" action="{{ route('partner.change-password.change') }}">
                        @csrf
                        <div class="row items-push">
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="val-old-password">Old Password</label>
                                    <input type="password" class="form-control form-control-lg form-control-alt" id="val-old-password" name="old_password">
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="val-new-password">New Password</label>
                                    <input type="password" class="form-control form-control-lg form-control-alt" id="val-new-password" name="new_password">
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="val-confirm-password">Confirm New Password</label>
                                    <input type="password" class="form-control form-control-lg form-control-alt" id="val-confirm-password" name="confirm_password">
                                </div>
                            </div>
                            @if(Auth::user()->email != 'cp@innoplore.com')
                                <div class="col-lg-12">
                                    <button type="submit" class="btn btn-primary">Change Password</button>
                                </div>
                            @else
                                <div class="col-lg-12">
                                    <button type="button" class="btn btn-primary" disabled>Change Password</button>
                                </div>
                            @endif
                        </div>
                    </form>
                </div>
            </div>
            <div class="block">
                <div class="block-header">
                    <h3 class="block-title">
                        Bank Account
                    </h3>
                </div>
                <div class="block-content block-content-full">
                    <form class="js-validation-bank-account" method="POST" action="{{ route('partner.bank-account') }}">
                        @csrf
                        <div class="row items-push">
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="val-account-holder-name">Account Holder Name</label>
                                    <input type="text" class="form-control form-control-lg form-control-alt" id="val-account-holder-name" name="account_holder_name" value="@if($partner->bankAccount) {{ $partner->bankAccount->payee_name }} @endif">
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="val-bank-name">Bank Name</label>
                                    <input type="text" class="form-control form-control-lg form-control-alt" id="val-bank-name" name="bank_name" value="@if($partner->bankAccount) {{ $partner->bankAccount->bank_name }} @endif">
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="val-account-number">Account Number</label>
                                    <input type="text" class="form-control form-control-lg form-control-alt" id="val-account-number" name="account_number" value="@if($partner->bankAccount) {{ $partner->bankAccount->account_number }} @endif">
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="val-iban-Code">IBAN Code</label>
                                    <input type="text" class="form-control form-control-lg form-control-alt" id="val-iban-code" name="iban_code" value="@if($partner->bankAccount) {{ $partner->bankAccount->iban_code }} @endif">
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="val-swift-Code">SWIFT Code</label>
                                    <input type="text" class="form-control form-control-lg form-control-alt" id="val-swift-code" name="swift_code" value="@if($partner->bankAccount) {{ $partner->bankAccount->swift_code }} @endif">
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <button type="submit" class="btn btn-primary">@if($partner->bankAccount) Update @else Add @endif Bank Account</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script src="{{ asset('assets/js/pages/be_forms_partner.min.js') }}"></script>
    <script>
        getCity();
        function getCity(){
            var countryId = $('#country').val();
            if(countryId > 0) {
                $.ajax({
                    url: '/city/' + countryId,
                    type:"GET",
                    dataType:"json",
                    beforeSend: function(){
                        $('#city-section').css('display', 'block');
                        $('#city-loader').show();
                        $('select[name="city"]').hide();
                    },
                    success:function(data) {
                        if(data.status == "success") {
                            if(data.data != ""){
                                $('select[name="city"]').empty();
                                $('select[name="city"]').append('<option value="-1">Select City...</option>');
                                $.each(data.data, function(key, value){
                                    $('select[name="city"]').append('<option value="'+ value.id +'">' + value.name + '</option>');
                                });
                                @if($partner->city != '')
                                    $('select[name="city"]').val('{{ $partner->city }}');
                                @endif
                            } else{
                                $('#city-section').css('display', 'none');
                            }
                        }else {
                            alert('failed to retrieve city for selected country');
                        }
                    },
                    complete:function(){
                        $('#city-loader').hide();
                        $('select[name="city"]').show();
                    }
                });
            } else {
                $('select[name="city"]').empty().show();
                $('select[name="city"]').append('<option value="-1">Select City...</option>');
            }
        }
    </script>
@endsection