@extends('layouts.app_main')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-sm-9">
            <div class="panel panel-default">
                <div class="panel-heading">Contact 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" >
                        
                        <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" style="padding:6px;">
                                {{Auth::user()->email}}
                            </div>
                        </div>

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

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

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

                            <div class="col-md-6" style="padding:6px;">
                                {!!count(Auth::user()->contact_details)?nl2br(Auth::user()->contact_details->last()->address):''!!}
                            </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('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="{{Auth::user()->email}}" required>

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

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

                            <div class="col-md-6">
                                <input id="contact_number" class="form-control" name="contact_number" value="{{ count(Auth::user()->contact_details)?Auth::user()->contact_details->last()->number:old('number') }}" required></input>

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

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

                            <div class="col-md-6">
                                <textarea id="Address" class="form-control" name="address"  required>{{ count(Auth::user()->contact_details)?Auth::user()->contact_details->last()->address:old('address') }}</textarea>

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