{{-- Extends layout --}}
@extends('layout.default')

{{-- Content --}}
@section('content')

<form method="post" class="form" novalidate="novalidate" id="formAddress" name="formAddress" Action="{{route('updateAddress')}}">
        {{csrf_field()}}
    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <div class="d-flex flex-column-fluid">
            <div class="container">
                <div class="row">
                    <div class="container">
                        <div class="alert alert-custom alert-white alert-shadow gutter-b head-line top-box" role="alert">
                            <div class="alert-text head-text">Return Address<br>
                            </div>
                            <div class="alert-icon">                      
                            </div>
                        </div>
                        <div class="card card-custom top-box">
                            <div class="card-header flex-wrap border-0 pt-6 pb-0">
                                <div class="card-body Return-div">
                                    <div class="mb-7">
                                        <div class="row ">
                                            <div class="form-group form-return">
                                                <label>Company Name
                                                <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" placeholder="Company Name" id='company_name' name='company_name' value={{!empty($user->company_name)?$user->company_name:''}}>         
                                            </div>
                                            <div class="form-group form-return n-box ">
                                                <label>Branch
                                                <span class="text-danger">*</span></label>
                                                <input type="email" class="form-control" placeholder="Branch ">
                                            </div>
                                        </div>
                                        <div class="row ">
                                            <div class="form-group col-form-label adrs-box">
                                            <label>Address Line 1
                                            <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" placeholder="Address Line 1" id='line_1' name='line_1' value={{$address? $user->line_1:''}}>
                                        </div>
                                    </div>
                                    <div class="row ">
                                        <div class="form-group col-form-label adrs-box">
                                            <label>Address Line 2
                                            <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" placeholder="Address Line 2" name='line_2' id='line_2' value={{$address? $user->line_2:''}}>
                                        </div>
                                    </div>
                                    <div class="row ">
                                        <div class="form-group col-form-label adrs-box">
                                            <label>Address Line 3
                                            <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" placeholder="Address Line 3" name='line_3' id='line_3' value={{$address? $user->line_3:''}}>
                                        </div>
                                    </div>
                                    <div class="row ">
                                        <div class="form-group form-return">
                                            <label>City
                                            <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" placeholder="City" name='city' id='city' value={{$address? $user->city:''}}>
                                        </div>
                                        <div class="form-group form-return n-box ">
                                            <label>County
                                            <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" placeholder="County" name='county' id='country' value={{$address? $user->county:''}}>
                                        </div>
                                    </div>
                                    <div class="row ">
                                        <div class="form-group form-return">
                                        <label>Post Code
                                        <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" placeholder="Post Code" name='postal_code' id='postal_code' value={{$address? $user->postal_code:''}}>
                                    </div>
                                </div>
                                <div class="alert-icon btn-return">
                                    <div class="card-toolbar">
                                        <button type="reset" class="btn btn-info font-weight-bolder font-size-sm mr-3 add-to-camp-btn btn-info-user" id="btn_cancel">Cancel</button>
                                        <button type="submit" class="btn btn-danger font-weight-bolder font-size-sm add-to-camp-btn">Save Changes</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
        </div>
    </div>
</form>
</div>
</div>

@endsection
<!--end::Main-->
@if (config('layout.page-loader.type') != '')
@include('layout.partials._page-loader')
@endif

{{-- Global Config (global config for global JS scripts) --}}
<!--
<script>
    var KTAppSettings = {
        !!json_encode(config('layout.js'), JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES) !!
    };
</script> 
-->

{{-- Global Theme JS Bundle (used by all pages)  --}}
@foreach(config('layout.resources.js') as $script)
<script src="{{ asset($script) }}" type="text/javascript"></script>
@endforeach
<script src="{{ asset('js/app.js') }}" type="text/javascript"></script>
<script>
$(document).on('click','#btn_cancel' , function(e){        
    window.location.href = "{{  url('dashboard') }}";    
});
$(document).ready(function() {
    FormValidation.formValidation(
        document.getElementById('formAddress'),
        {
            fields: {
                company_name: {
                    validators: {
                        notEmpty: {
                            message: 'Please enter company name'
                        },
                        // stringLength: {
                        //     min:10,
                        //     max:200,
                        //     message: 'Please enter a comment within length range 10 and 200'
                        // }
                    }
                },
                line_1: {
                    validators: {
                        notEmpty: {
                            message: 'Please enter address line 1'
                        },
                       
                    }
                },
                line_2: {
                    validators: {
                        notEmpty: {
                            message: 'Please enter address line 2'
                        },
                       
                    }
                },
                line_3: {
                    validators: {
                        notEmpty: {
                            message: 'Please enter address line 3'
                        },
                       
                    }
                },
                city: {
                    validators: {
                        notEmpty: {
                            message: 'Please enter city'
                        },
                       
                    }
                },
                county: {
                    validators: {
                        notEmpty: {
                            message: 'Please enter county'
                        },
                       
                    }
                },
                postal_code: {
                    validators: {
                        notEmpty: {
                            message: 'Please enter post code'
                        },
                       
                    }
                },
            },

            plugins: {
                trigger: new FormValidation.plugins.Trigger(),
                // Bootstrap Framework Integration
                bootstrap: new FormValidation.plugins.Bootstrap(),
                // Validate fields when clicking the Submit button
                submitButton: new FormValidation.plugins.SubmitButton(),
                // Submit the form when all fields are valid
                defaultSubmit: new FormValidation.plugins.DefaultSubmit(),
            }
    });
});
</script>