@extends('layouts.whitelabel.master')
<!-- header -->
@section('header')
    <link rel="stylesheet" href="{{ URL::asset('site/css/custom.css')}}">
@stop
<!-- content -->
@section('content')
<header class="titlebar titlebar1">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h1 class="page-title pull-left page-title1">{{ trans('site.Dashboard') }}</h1>
                <ol class="breadcrumb pull-right">
                    <li><a href="{{ action('Marketplace\MarketplaceController@detail', $marketplace->slug) }}">{{ trans('site.Home') }}</a></li>
                    <li class="active">{{ trans('dashboard.My_Profile') }}</li>
                </ol>
            </div>
        </div>
    </div>
</header>
<!-- END Page Header -->

    @include('components.userstatus',[
        'type' =>'alert-warning'
    ])

<section class="shop-section account section-4">
    <div class="container">

        @include('page_info')

        <div class="row mb35">
            <div class="col-sm-5 col-md-3 xs-box member_nav list-group">
                
                @include('member._partials.marketplace-sidebar')
                
            </div>

            <div class="col-sm-7 col-md-9">
                <div id="my_profile">
                    {!! Form::model($member, ['method' => 'PATCH', 'action' => ['Marketplace\MemberController@updateProfile', $marketplace->slug], 'id' => 'profileForm', 'files' => true]) !!}
                        
                        <h3 class="main-title mb20">{{ trans('dashboard.Personal_Information') }}</h3>

                        <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <label for="first_name">{{ trans('account.First_Name') }} <span class="required">*</span></label>
                            {!! Form::text('first_name', ($member->first_name) ? $member->first_name : '', ['class' => 'form-control', 'id' => 'first_name']) !!}
                        </div>

                        <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <label for="last_name">{{ trans('account.Last_Name') }} <span class="required">*</span></label>
                            {!! Form::text('last_name', ($member->last_name) ? $member->last_name : '', ['class' => 'form-control', 'id' => 'last_name']) !!}
                        </div>

                        <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <label for="prefer_name">{{ trans('account.Preferred_Name') }}</label>
                            {!! Form::text('prefer_name', ($member->prefer_name) ? $member->prefer_name : '', ['class' => 'form-control', 'id' => 'prefer_name']) !!}
                        </div>

                        <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <label for="email">{{ trans('account.Email') }} <span class="required">*</span></label>
                            {!! Form::text('email', ($member->email) ? $member->email : '', ['class' => 'form-control', 'id' => 'email']) !!}
                        </div>

                        <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <label for="date_of_birth">{{ trans('account.Birth_Date') }}</label>
                                                        {!! Form::text('date_of_birth', date('d-m-Y', strtotime($dob)), ['class' => 'form-control', 'id' => 'date_of_birth']) !!}
                        </div>

                        <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <label>{{ trans('account.Gender') }} <span class="required">*</span></label>
                            <div class="radio">
                                <label>
                                    {!! Form::radio('gender', 'Male', ($member->gender == 'Male') ? true : false) !!} {{ trans('account.Male') }}
                                </label>
                                <label>
                                    {!! Form::radio('gender', 'Female', ($member->gender == 'Female') ? true : false) !!} {{ trans('account.Female') }}
                                </label>
                            </div>
                        </div>

                        <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <label for="nric_passport">{{ trans('account.NRIC_Passport_No') }} <small> ({{ trans('dashboard.For_Redemption_Verification_Purpose') }})</small></label>
                            {!! Form::text('nric_passport', ($member->nric_passport) ? $member->nric_passport : '', ['class' => 'form-control', 'id' => 'nric_passport']) !!}
                        </div>

                        <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <label for="nationality">{{ trans('account.Nationality') }} <span class="required">*</span> <small> ({{ trans('dashboard.For_Redemption_Verification_Purpose') }})</small></label>
                            {!! Form::select('nationality', $countries, ($member->nationality) ? $member->nationality : 193, ['class' => 'chosen-select selectcategory form-control', 'id' => 'nationality', 'data-placeholder' => 'Choose a Country...']) !!}
                        </div>

                        <div class="clearfix"></div>

                        <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <label for="nric_passport">{{ trans('account.Country_Of_Residence') }}</label>
                            {!! Form::text('country_residence', $member->CountryOfResidence->country, ['class' => 'form-control', 'disabled']) !!}
                        </div>

                        <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <label for="email">{{ trans('account.Contact_No') }} <span class="required">*</span></label>
                            <div class="row">
                                <div class="col-md-6">
                                      {!! Form::select('c_country_code', $country_codes, $member->c_country_code, ['class' => 'chosen-select selectcategory form-control', 'id' => 'country', 'data-placeholder' => 'Choose a Country...']) !!}
                                </div>
                                <br class="visible-xs visible-sm">
                                <div class="col-md-6">
                                    {!! Form::text('contact_no', ($member->contact_no) ? $member->contact_no : '', ['class' => 'form-control']) !!}
                                </div>
                            </div>
                        </div>

                        <div class="clearfix"></div>
                        <div class="form-group">
                            <div class="col-sm-12">
                                <div class="text-right">
                                    <button type="submit" class="btn btn-new m-right rounded" >{{ trans('dashboard.Save_Setting') }}</button>
                                </div>
                            </div>
                        </div>
                    {!! Form::close() !!}
                </div>
            </div>

        </div>
    </div>
</section>
<!-- footer links -->
{{-- @include('site.bottom-menu') --}}
@stop 
<!-- footer section -->
@section('footer')  
<script type="text/javascript" src="{{ asset('metronic/global/plugins/select2/select2.min.js') }}"></script>
<script>
    $('#b_country, #s_country_1, #s_country_2, #s_country_3').select2();
</script>
<script type="text/javascript">    
    (function(){
        // Setting all of the js Header with Xcsrf token
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $('.chosen-select').select2();        

        $('#date_of_birth').datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: '1920:2016',
            dateFormat : 'dd-mm-yy',
            defaultDate: new Date(1990, 00, 01)
        });

        $('#profileForm').validate({
            rules: {
                first_name: {
                    required: true
                },
                last_name: {
                    required: true
                },
                email: {
                    required: true
                },
                gender: {
                    required: true
                },
                nationality: {
                    required: true
                },
                contact_no: {
                    required: true,
                    digits: true
                }
            }
        });
    })()

</script>
@stop