@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">Spouse 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" role="form" method="POST" >

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

                            <div class="col-md-6" style="padding:6px;">
                                {{count(Auth::user()->spouse)?(Auth::user()->spouse->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;">
                                {{count(Auth::user()->spouse)?(Auth::user()->spouse->surname):''}}
                            </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;">
                                {{count(Auth::user()->spouse)?(Auth::user()->spouse->dob):''}}
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="number" class="col-md-4 control-label">Contact Number</label>

                            <div class="col-md-6" style="padding:6px;">
                                {{count(Auth::user()->spouse)?(Auth::user()->spouse->number):''}}
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="email" class="col-md-4 control-label">E-Mail Address</label>

                            <div class="col-md-6" style="padding:6px;">
                                {{count(Auth::user()->spouse)?(Auth::user()->spouse->email):''}}
                            </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" >
                        {{ csrf_field() }}

                        <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="{{count(Auth::user()->spouse)?(Auth::user()->spouse->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="{{count(Auth::user()->spouse)?(Auth::user()->spouse->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('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="{{count(Auth::user()->spouse)?(Auth::user()->spouse->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('number') ? ' has-error' : '' }}">
                            <label for="number" class="col-md-4 control-label">Contact Number</label>

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

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

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

                            <div class="col-md-6">
                                <input id="email" type="email" class="form-control" name="email" value="{{count(Auth::user()->spouse)?(Auth::user()->spouse->email):''}}" required>

                                @if ($errors->has('email'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('email') }}</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