@extends('dashboard::layouts.app')

@section('content')
    <section class="app-container">
        <div class="container">
            <div class="edit-full-window-height full-window-height">
                <div class="">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="row">
                                <div class="col-xs-12">
                                    <div class="edit-account-actions clearfix">
                                        <div class="top-left clearfix">
                                            @include('dashboard::frontend.partials.button', ['name' => 'back', 'arrow' => true, 'route' => route('app.hackathons')])
                                        </div>
                                        <div class="top-right clearfix">
                                            @include('dashboard::frontend.partials.button', ['name' => 'edit avatar', 'avatar' => true, 'route' => route('app.account.edit-avatar')])
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{--<div class="actions-container clearfix rel-pos">--}}
                                {{--<div class="actions">--}}
                                    {{--<a href="{{ route('app.hackathons') }}" class="button-app button-app-two form-control-app">--}}
                                        {{--<i class="demo-icon icon-left transition"></i>--}}
                                        {{--SELFHACKATHONS--}}
                                    {{--</a>--}}
                                    {{--<a href="{{ route('app.hackathons') }}" class="button-app button-app-two form-control-app">--}}
                                        {{--<i class="demo-icon icon-left transition"></i>--}}
                                        {{--BACK--}}
                                    {{--</a>--}}
                                    {{--<a href="{{ route('app.account.edit-avatar') }}" class="button-app button-app-two form-control-app">--}}
                                        {{--<i class="demo-icon icon-left transition"></i>--}}
                                        {{--EDIT AVATAR--}}
                                    {{--</a>--}}
                                {{--</div>--}}
                                {{--<div class="info">--}}
                                    {{--<p></p>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                        </div>
                        <div class="col-xs-12">
                            <div class="edit-profile-info-container bigger-bottom-margin">
                                <div class="profile-info-edit-block">
                                    <div class = "edit-account-heading text-center">
                                        <h3 class = "yellow-colour medium-font">Edit my info</h3>
                                    </div>
                                </div>
                                <div class="update-info-container">
                                    @include('dashboard::partials.session')

                                    @if(Session::has('birthdate-error'))
                                        <div class="custom-alert">
                                            {{ Session::get('birthdate-error') }}
                                        </div>
                                    @endif

                                    @include('dashboard::partials.errors')
                                </div>
                                <div class="fields">

                                    {!! Form::model($user, [
                                        'class' => 'form',
                                        'method' => 'POST',
                                        'route' => ['app.account.update'],
                                    ]) !!}

                                    <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
                                        {!! Form::text('name', null, ['class' => 'form-control edit-account-border', 'placeholder' => 'Name', 'id' => 't-name']) !!}
                                    </div>
                                    <div class="form-group{{ $errors->has('surname') ? ' has-error' : '' }}">
                                        {!! Form::text('surname', null, ['class' => 'form-control edit-account-border', 'placeholder' => 'Surname', 'id' => 't-surname']) !!}
                                    </div>
                                    <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                                        {!! Form::text('email', null, ['class' => 'form-control edit-account-border', 'placeholder' => 'Email', 'id' => 't-email']) !!}
                                    </div>
                                    <div class="form-group{{ $errors->has('birth_date') ? ' has-error' : '' }} {{ Session::has('birthdate-error') ? ' has-error' : '' }}">
                                        <span class="colour-lightgray regular-font edit-info-label">Format: YYYY-MM-DD(1970/01/01)</span>
                                        {!! Form::text('birth_date', null, ['class' => 'form-control edit-account-border', 'placeholder' => 'Birth date', 'id' => 't-birth-date']) !!}
                                    </div>
                                    <div class="form-group{{ $errors->has('phone') ? ' has-error' : '' }}">
                                        {!! Form::text('phone', null, ['class' => 'form-control edit-account-border', 'placeholder' => 'Phone', 'id' => 't-phone']) !!}
                                    </div>
                                    <div class="form-group">
                                        {{--<span class = "colour-lightgray regular-font edit-info-label">Timezone</span>--}}
                                        {{--{!! Form::select('timezone_id', ['no-timezone' => 'No Timezone'] + $timezones->toArray(), null, ['class' => 'form-control timezone-select', 'id' => 't-timezone']) !!}--}}

                                        <div class="edit-account-info-select-container">
                                            <div class="input-item select-item">
                                                {!! Form::select('timezone_id', ['no-timezone' => 'No Timezone'] + $timezones->toArray(), null, ['class' => 'select-answer timezone-select', 'id' => 't-timezone']) !!}
                                                <div class="arrow-select">
                                                    <i class="demo-icon icon-down"></i>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                                        <span class="colour-lightgray regular-font edit-info-label">Change password</span>
                                        <input type="password" name = "password" id = "t-password" class="form-control edit-account-border" id="password" placeholder = "Password">
                                    </div>
                                    <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                                        <input type="password" name = "password_confirmation" id = "t-confirm-password" class="form-control edit-account-border" id="password" placeholder = "Confirm password">
                                    </div>

                                    <div class="inquiry-question-answers-container">
                                        @foreach($answers as $answer)
                                            @include('inquiry::frontend.partials.inquiry-answer-row', $answer)
                                        @endforeach
                                    </div>

                                    <div class="form-group update-account-action">
                                        {!! Form::submit('Update', ['class' => 'button-app button-app-two form-control-app', 'id' => 't-update-user-info']) !!}
                                    </div>

                                    {!! Form::close() !!}

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    {{--<script src="/vendor/moment/min/moment.min.js"></script>--}}
    {{--<script src="/vendor/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>--}}
    {{--<script src="/js/app/datetimepicker.js"></script>--}}
@endsection