@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">Emergency Contact</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()->emergency_contact)?(Auth::user()->emergency_contact->name):''}}
                            </div>
                        </div>

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

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

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

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

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

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

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

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

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

                                @if ($errors->has('surnaname'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('surnaname') }}</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" class="form-control" value="{{count(Auth::user()->emergency_contact)?(Auth::user()->emergency_contact->number):''}}" name="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">Email</label>

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

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