@extends('master')

@section('title')
Editar mi información
@stop

@section('custom_js_files')
<script src="{{ url('/static/js/user.js?v='.time()) }}"></script>
@stop

@section('content')

<div class="page">
	<div class="container">
		<div class="row">
			<div class="col-md-3">
				@include('components.user_account_edit_sidebar')
			</div>

			<div class="col-md-9">
				<div class="md_card mtop32 shadow">
					<h4 class="title">Editar mi información</h4>
					<div class="inside">
						<div class="form">
			                {{ Form::open(['url' => '#', 'id' => 'form_acc_edit', 'files' => true]) }}
			                    {!! Form::file('avatar', ['id' => 'field_acc_avatar', 'style' => 'display: none;', 'accept' => 'image/*']) !!}
			                    <div class="avatar">
			                        <a href="#" class="z-depth-2" id="acc_avatar_change">
			                            <div class="icon"><i class="fas fa-pencil-alt"></i></div>
			                            @if(is_null(Auth::user()->avatar))
			                            <img src="{{ url('/static/images/default_avatar.png') }}" id="acc_avatar_img">
			                            @else
			                            <img src="{{ getFileUrl(Auth::user()->avatar, '512') }}" id="acc_avatar_img">
			                            @endif
			                        </a>
			                    </div>

			                    <label for="name">Su nombre:</label>
			                    <div class="group">
			                        <i class="fas fa-user"></i>
			                        {{ Form::text('name', Auth::user()->name, ['class' => 'input']) }}
			                    </div>

			                    <label for="email" class="mtop16">Correo electrónico:</label>
			                    <div class="group">
			                        <i class="far fa-envelope-open"></i>
			                        {{ Form::email('email', Auth::user()->email, ['class' => 'input', 'disabled']) }}
			                    </div>

			                    <div class="row">
			                    	<div class="col-md-4 col-sm-12">
			                    		<label for="phone" class="mtop16">Su Teléfono:</label>
					                    <div class="group">
					                        <i class="fas fa-phone-alt"></i>
					                        {{ Form::number('phone', Auth::user()->phone, ['class' => 'input']) }}
					                    </div>
			                    	</div>

			                    	<div class="col-md-4 col-sm-12">
			                    		<label for="gender" class="mtop16">Género:</label>
					                    <div class="group">
					                        <i class="fas fa-venus-mars"></i>
					                       {{ Form::select('gender', getGender(), Auth::user()->gender, ['class' => 'input form-select']) }}
					                    </div>
			                    	</div>
			                    </div>
			                    

			           

			                    <label for="phone" class="mtop16">Fecha de nacimiento:</label>
			                    <div class="row">
			                        <div class="col-md-4 col-sm-12">
			                            <div class="group">
			                            	<i class="far fa-calendar-check"></i>
			                            	@if(is_null(Auth::user()->birthday))
			                            	 {{ Form::number('bd_day', null, ['class' => 'input', 'placeholder' => 'Día', 'min' => '1', 'max' => '31']) }}
			                            	@else
			                            	{{ Form::number('bd_day', explode('-', Auth::user()->birthday)[2], ['class' => 'input', 'placeholder' => 'Día', 'min' => '1', 'max' => '31']) }}
			                                
			                                @endif
			                            </div>
			                        </div>
			                        <div class="col-md-4 col-sm-12">
			                            <div class="group">
			                            	<i class="far fa-calendar-check"></i>
			                            	@if(is_null(Auth::user()->birthday))
			                            	{{ Form::select('db_month', getMonths(), null, ['class' => 'input form-select']) }}
			                            	@else
			                                {{ Form::select('db_month', getMonths(), explode('-', Auth::user()->birthday)[1], ['class' => 'input form-select']) }}
			                                @endif
			                            </div>
			                        </div>
			                        <div class="col-md-4 col-sm-12">
			                            <div class="group">
			                            	<i class="far fa-calendar-check"></i>
			                            	@if(is_null(Auth::user()->birthday))
			                            	{{ Form::number('bd_year', null, ['class' => 'input', 'placeholder' => 'Año', 'min' => date('Y') - 70, 'max' => date('Y') - 18]) }}
			                            	@else
			                                {{ Form::number('bd_year', explode('-', Auth::user()->birthday)[0], ['class' => 'input', 'placeholder' => 'Año', 'min' => date('Y') - 70, 'max' => date('Y') - 18]) }}
			                                @endif
			                            </div>
			                        </div>
			                    </div>
			                    <button type="submit" class="btn btn-csuccess mtop32"><i class="fas fa-check"></i> Guardar</button>
			                {{ Form::close() }}
			            </div>
		            </div>
	            </div>
			</div>
		</div>
	</div>
</div>

@stop