@extends('layouts.app_main')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-9">
            <div class="panel panel-default">
                <div class="panel-heading">Personal Details</div>
                <div class="panel-body">
                <div class="show_text">
                @if (session('success'))
                    <div class="alert alert-success">
                        {{ session('success') }}
                    </div>
                @endif<form class="form-horizontal">

                    @if(file_exists('storage/avatars/'.Auth::user()->id.".jpg"))
                        <img src="/storage/avatars/{{Auth::user()->id}}.jpg" style="right:5%; max-width: 200px; position:absolute; border:2px solid grey;"/>
                    @else
                        <img src="/images/no_avatar.jpg" style="right:5%; max-width: 200px; position:absolute; border:2px solid grey;"/>
                    @endif
                        <div class="form-group">
                            <label for="name" class="col-md-4 control-label">Name</label>

                            <div class="col-md-6" style="padding:6px;">
                                {{ Auth::user()->name }}
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="surname" class="col-md-4 control-label">Surname</label>

                            <div class="col-md-6" style="padding:6px;">
                                {{ Auth::user()->surname }}
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="employee_id" class="col-md-4 control-label">Team Member ID</label>

                            <div class="col-md-6" style="padding:6px;">
                               {{ Auth::user()->employee_id }}
                            </div>
                        </div>


                        <div class="form-group">
                            <label for="national_id" class="col-md-4 control-label">National Id</label>

                            <div class="col-md-6" style="padding:6px;">
                                {{ Auth::user()->national_id }}
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="marital_status" class="col-md-4 control-label">Marital Status</label>

                            <div class="col-md-6" style="padding:6px;">
                                {{Auth::user()->marital_status}}
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="dob" class="col-md-4 control-label">Date of Birth</label>
                            <div class="col-md-6" style="padding:6px;">
                                {{ Auth::user()->dob }}
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="language" class="col-md-4 control-label">Home Language</label>

                            <div class="col-md-6" style="padding:6px;">{{Auth::user()->language}}
                            </div>
                        </div>


                        <div class="form-group{{ $errors->has('other_language') ? ' has-error' : '' }}">
                            <label for="other_language" class="col-md-4 control-label">Other Language(s)<br/>[You can talk, read and write.]</label>

                            <div class="col-md-6" style="padding:6px;">

                                @foreach(explode(',',Auth::user()->other_language) as $language)
                                   {{ $language}}<br/>
                                @endforeach
                            </div>
                        </div>

                    </form>
                    <center><button class="btn btn-primary edit_button">Edit This?</button></center>
                </div>
                <div class="show_form" style="display:none">
                    <form class="form-horizontal" role="form" method="POST"   enctype="multipart/form-data">
                        {{ csrf_field() }}

                        <div class="form-group{{ $errors->has('file') ? ' has-error' : '' }}">
                            <label for="file" class="col-md-3 col-md-offset-1 control-label text-left">Upload Photo</label>

                            <div class="col-md-7">
                                <input id="input-1" name="file" type="file" class="file" style="margin-top:3px;margin-bottom: 3px;">

                                @if ($errors->has('file'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('file') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
                            <label for="name" class="col-md-4 control-label">Name</label>

                            <div class="col-md-6">
                                <input id="name" type="text" class="form-control" name="name" value="{{ Auth::user()->name }}" required autofocus>

                                @if ($errors->has('name'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('name') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group{{ $errors->has('surname') ? ' has-error' : '' }}">
                            <label for="surname" class="col-md-4 control-label">Surname</label>

                            <div class="col-md-6">
                                <input id="surname" type="text" class="form-control" name="surname" value="{{ Auth::user()->surname }}" required autofocus>

                                @if ($errors->has('surname'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('surname') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group{{ $errors->has('employee_id') ? ' has-error' : '' }}">
                            <label for="employee_id" class="col-md-4 control-label">Team Member ID</label>

                            <div class="col-md-6">
                                <input id="employee_id" type="text" class="form-control" name="employee_id" value="{{ Auth::user()->employee_id }}" required autofocus>

                                @if ($errors->has('employee_id'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('employee_id') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>


                        <div class="form-group{{ $errors->has('national_id') ? ' has-error' : '' }}">
                            <label for="national_id" class="col-md-4 control-label">National Id</label>

                            <div class="col-md-6">
                                <input id="national_id" type="text" class="form-control" name="national_id" value="{{ Auth::user()->national_id }}" required autofocus>

                                @if ($errors->has('national_id'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('national_id') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group{{ $errors->has('marital_status') ? ' has-error' : '' }}">
                            <label for="marital_status" class="col-md-4 control-label">Marital Status</label>

                            <div class="col-md-6">
                                <select id="marital_status" class="form-control" name="marital_status" required>
                                    <option></option>
                                    <option value="Single" {{Auth::user()->marital_status=="Single"?"selected":""}} >Single</opttion>
                                    <option value="Married" {{Auth::user()->marital_status=="Married"?"selected":""}} >Married</opttion>
                                    <option value="Seperated" {{Auth::user()->marital_status=="Seperated"?"selected":""}} >Seperated</opttion>
                                    <option value="Divorced" {{Auth::user()->marital_status=="Divorced"?"selected":""}} >Divorced</opttion>
                                    <option value="Widowed" {{Auth::user()->marital_status=="Widowed"?"selected":""}} >Widowed</opttion>
                                </select>

                                @if ($errors->has('marital_status'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('marital_status') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group{{ $errors->has('dob') ? ' has-error' : '' }}">
                            <label for="dob" class="col-md-4 control-label">Date of Birth</label>

                            <div class="col-md-6">
                                <div class='input-group date' id='datetimepicker1'>
                                    <input type='text' class="form-control"  name="dob" value="{{ Auth::user()->dob }}" required />
                                    <span class="input-group-addon">
                                        <span class="glyphicon glyphicon-calendar"></span>
                                    </span>
                                </div>
                                @if ($errors->has('dob'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('dob') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group{{ $errors->has('language') ? ' has-error' : '' }}">
                            <label for="language" class="col-md-4 control-label">Home Language</label>

                            <div class="col-md-6">
                                <select id="language" type="text" class="form-control" name="language" required>
                                    <option></option>
                                    @foreach($languages as $language)
                                          <option value="{{trim($language->language)}}" {{Auth::user()->language == trim($language->language) ? 'selected' : '' }}>{{$language->language}}</option>
                                    @endforeach
                                </select>


                                @if ($errors->has('language'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('language') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>


                        <div class="form-group{{ $errors->has('other_language') ? ' has-error' : '' }}">
                            <label for="other_language" class="col-md-4 control-label">Other Language(s)<br/>[You can talk, read and write.]</label>

                            <div class="col-md-6">

                                <select id="other_language" type="text" class="form-control" name="other_language[]"  multiple required>
                                    <option></option>
                                    @foreach($languages as $language)
                                          <option value="{{trim($language->language)}}" {{ in_array(trim($language->language), explode(',',Auth::user()->other_language))?'selected':''}}>{{$language->language}}</option>
                                    @endforeach
                                </select>

                                @if ($errors->has('other_language'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('other_language') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-6 col-md-offset-4">
                                <button type="submit" class="btn btn-primary">
                                    Save
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('javascript')
        function gup(name) {
            url = location.href;
            name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
            var regexS = "[\\?&]"+name+"=([^&#]*)";
            var regex = new RegExp( regexS );
            var results = regex.exec( url );
            return results == null ? null : results[1];
        }

        $(function () {
            $('#datetimepicker1').datepicker({
                format: 'yyyy-mm-dd',
                zIndexOffset: '1001',
            });
            if(gup('edit')){
                $('.show_text').hide();
                $('.show_form').show();
            }else{
                $('.show_text').show();
                $('.show_form').hide();
            }
        });

        $('.edit_button').on('click',function(){
            window.location.href = location.href + "?edit=1";
        });
@endsection