@extends('adminlte::layouts.app')

@section('htmlheader_title')
    Register a new user
@endsection

@section('contentheader_title')
    Register a new user
@endsection

@section('header_styles')
    <link rel="stylesheet" type="text/css" href={{ asset("plugins/datatables/dataTables.bootstrap.css")}}>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
@stop

@section('main-content')
    <div class="container-fluid spark-screen">
        <div class="row">
            <div class="col-md-6">
                <div class="panel panel-default">
                    @if (count($errors) > 0)
                        <div class="alert alert-danger">
                            <strong>Whoops!</strong> {{ trans('adminlte_lang::message.someproblems') }}<br><br>
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    <div class="panel-body">
                        <div class="register-box-body">
                            <form action="{{ url('/register') }}" method="post">
                                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                <div class="form-group has-feedback">
                                    <input type="text" class="form-control" placeholder="{{ trans('adminlte_lang::message.fullname') }}" name="name" value="{{ old('name') }}"/>
                                    <span class="glyphicon glyphicon-user form-control-feedback"></span>
                                </div>
                                <div class="form-group has-feedback">
                                    <input type="email" class="form-control" placeholder="{{ trans('adminlte_lang::message.email') }}" name="email" value="{{ old('email') }}"/>
                                    <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
                                </div>
                                <div class="form-group has-feedback">
                                    <input type="password" class="form-control" placeholder="{{ trans('adminlte_lang::message.password') }}" name="password"/>
                                    <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                                </div>
                                <div class="form-group has-feedback">
                                    <input type="password" class="form-control" placeholder="{{ trans('adminlte_lang::message.retrypepassword') }}" name="password_confirmation"/>
                                    <span class="glyphicon glyphicon-log-in form-control-feedback"></span>
                                </div>
                                <div class="form-group has-feedback">
                                    {!! \App\Helpers\CustomUI::selectRole(isset($category_id)?$category_id:old('category_id')) !!}
                                </div>

                                <div class="row">
                                    <div class="col-xs-6">
                                        <button type="submit" class="btn btn-primary btn-block btn-flat">Save</button>
                                    </div>
                                    <div class="col-xs-6">
                                        <a href="{!! route('user.index') !!}" class="btn btn-warning">Cancel</a>
                                    </div>
                                </div>
                            </form>

                            @include('adminlte::auth.partials.social_login')

                        </div><!-- /.form-box -->                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">Job Card Detail</h4>
                </div>
                <div class="modal-body">
                    <h4>Name - Date</h4>
                    <input type="hidden" id="person_id">
                    <input type="hidden" id="col_id">
                    <div class="row">
                        <!-- Name Field -->
                        <div class="form-group col-sm-12">
                            {!! Form::label('name', 'Job Title:') !!}
                            {!! Form::text('title',null, ['class' => 'form-control', 'id'=>'title']) !!}
                        </div>

                        <!-- Name Field -->
                        <div class="form-group col-sm-12">
                            {!! Form::label('name', 'Job Detail:') !!}
                            {!! Form::text('detail',null, ['class' => 'form-control', 'id'=>'detail']) !!}
                        </div>
                    </div>

                </div>
                <div class="modal-footer">
                    <button id="add_task" type="button" class="btn btn-success" >Add Task</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

@endsection

<script type="text/javascript" language="javascript" src= {{ asset("plugins/datatables/dataTables.bootstrap.js")}} ></script>
<script>
    $( document ).ready(function() {

    });



</script>