@extends('templates.'. $template_name .'.layouts.default')

@section('title', trans('message.my_profile'))

@section('content')

<!-- crumb-area-start -->
<div class="crumb-area">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="crumb">
                    <ul class="crumb-list">
                        <li><a href="{!! url('/')!!}">{{trans('message.home')}}</a></li>
                        <li class="active"><a href="#">{{trans('message.my_profile')}}</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- crumb-area-end -->

<!-- my-account-area-start -->
<div class="my-account-area">
    <div class="container">
        <!-- session flash message -->
        {!! getFlashMessage() !!}
        <div class="row">
            <div class="col-md-12">
                <div class="personal-information">
                    {!! Form::open(['url' => url('/api-save-profile'), 'method' => 'POST']) !!}
                        <h4 class="my-account-title">{{trans('message.personal_information')}}</h4>
                        <div class="personal-information-box">
                            <div class="row">
                                <div class="col-md-6 col-xs-12">
                                    <div class="pib-item">
                                        <label>{{trans('message.name')}}</label>
                                        <input type="text" name="name" value="{{$user_obj->name}}">
                                    </div>
                                    <div class="pib-item">
                                        <label>{{trans('message.email')}}</label>
                                        <input type="text" name="email" value="{{$user_obj->email}}">
                                    </div>
                                </div>
                                <div class="col-md-6 col-xs-12">
                                                                        <div class="pib-item">
                                        <label>{{trans('message.gender')}}</label>
                                        <select name="gender">
                                            <option value="M" {{$selected_male}}>{{ucfirst(trans('male'))}}</option>
                                            <option value="F" {{$selected_female}}>{{ucfirst(trans('female'))}}</option>
                                        </select>
                                    </div>
                                    <div class="pib-item">
                                        <label>{{trans('message.phone_number')}}</label>
                                        <input type="text" value="{{$user_obj->phone}}" readonly="readonly">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <h4 class="my-account-title">{{trans('message.sign_in_information')}}</h4>
                        <div class="alert alert-danger no-border div-error personal-information-box">
                            <a class="close" data-dismiss="alert">×</a>
                            <i class="icon-warning"></i> <strong>{{trans('message.error')}} </strong>
                            {{trans('message.password_does_not_match')}}
                        </div>
                        <div class="personal-information-box">
                            <div class="row">
                                <div class="col-md-6 col-xs-12">
                                    <div class="pib-item">
                                        <label>{{trans('message.new_password')}}</label>
                                        <input type="password" name="password" id="password">
                                    </div>
                                </div>
                                <div class="col-md-6 col-xs-12">
                                    <div class="pib-item">
                                        <label>{{trans('message.confirm_password')}}</label>
                                        <input type="password" id="confirm-password">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12">
                            <div class="pib-save-change">
                                <button id="btn-submit">{{trans('message.save')}}</button>
                            </div>
                        </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
</div>
<!-- my-account-area-end -->

@endsection

@section('script')
<script type="text/javascript">
$(function(){

    var div_error = $('div.div-error');
    div_error.hide();

    // code here
    $('#btn-submit').click(function(e){
        e.preventDefault();
        var me = $(this);
        var password = $('#password').val(),
            confirm_password = $('#confirm-password').val(),
            form = me.closest('form');
        if ( (password != '') && (password != confirm_password) ) {
            div_error.show();
        }else
        {
            div_error.hide();
            form.submit();
        }
    });
});
</script>
@endsection