@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/license/'.Auth::user()->id.".jpg"))
                        <img src="/storage/license/{{Auth::user()->id}}.jpg" style="right:5%; max-width: 200px; position:absolute; border:2px solid grey;"/>
                    @else
                        <img src="/images/no_copy.png" style="right:5%; max-width: 200px; position:absolute; border:2px solid grey;"/>
                    @endif
                        <div class="form-group">
                            <label for="type" class="col-md-4 control-label">License Type</label>

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

                        <div class="form-group">
                            <label for="expiry" class="col-md-4 control-label">Expiry Date</label>

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

                    </form>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <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 License</label>

                            <div class="col-md-7">
                                <input id="input-1" type="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('type') ? ' has-error' : '' }}">
                            <label for="type" class="col-md-4 control-label">Licennse Type</label>

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

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

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

                            <div class="col-md-6">
                                <div class='input-group date' id='datetimepicker1'>
                                    <input type='text' class="form-control"  name="expiry" value="{{ Auth::user()->expiry }}" required />
                                    <span class="input-group-addon">
                                        <span class="glyphicon glyphicon-calendar"></span>
                                    </span>
                                </div>
                                @if ($errors->has('expiry'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('expiry') }}</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(type) {
            url = location.href;
            type = type.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
            var regexS = "[\\?&]"+type+"=([^&#]*)";
            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";
        });

        $(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();
            }
        });
@endsection