@extends('layouts.app')

@section('content')

    <div id="main" role="main">
        <div id="ribbon">
            <span class="ribbon-button-alignment">
                <span id="refresh" class="btn btn-ribbon" data-action="resetWidgets" data-title="refresh"  rel="tooltip" data-placement="bottom" data-original-title="<i class='text-warning fa fa-warning'></i> Warning! This will reset all your widget settings." data-html="true">
                    <i class="fa fa-refresh"></i>
                </span>
            </span>
            <ol class="breadcrumb">
                <li>Home</li><li>Add User</li>
            </ol>
        </div>

        <div id="content">

            <div class="row">
                <div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
                    <h1 class="page-title txt-color-blueDark">
                        <i class="fa fa-edit fa-fw "></i>
                        Users<span>> Add User</span>
                    </h1>
                </div>
            </div>

            @if(Session::has('message'))
                <p class="alert alert-danger"> {{ Session::get('message') }}</p>
             @endif


            <!-- widget grid -->
            <section id="widget-grid" class="">
                    <article class="">
                        <div class="jarviswidget" id="wid-id-1" data-widget-colorbutton="false" data-widget-editbutton="false" data-widget-custombutton="false">
                            <header>
                                <span class="widget-icon"> <i class="fa fa-edit"></i> </span>
                                <h2>Add Users </h2>
                            </header>
                            <div>
                                <div class="widget-body no-padding">
                                        {!! Form::open(['action'=>'UsersController@store','files'=>true,'class'=>'smart-form']) !!}
                                        <div class="row">
                                            <fieldset class="col-md-6">
                                                <section>
                                                    <label class="label">Name</label>
                                                    <label class="input">
                                                        <input type="text" required name="name">
                                                    </label>
                                                </section>
                                                <section>
                                                    <label class="label">Email</label>
                                                    <label class="input">
                                                        <input type="email" required name="email">
                                                    </label>
                                                </section>
                                                <section>
                                                    <label class="label">Password</label>
                                                    <label class="input">
                                                        <input type="password" required name="password">
                                                    </label>
                                                </section>
                                                <section>
                                                    <label class="label">Phone</label>
                                                    <label class="input">
                                                        <input type="number" name="phone">
                                                    </label>
                                                </section>
                                                <section>
                                                    <label class="label">Select Status</label>
                                                    <label class="select">
                                                        {!! Form::select('status', ['2' => 'Active','0' => 'InActive'], old('status'),['class'=>'form-control']) !!}<i></i>
                                                    </label>
                                                </section>
                                                @if(Auth::user()->role_id==1)
                                                <section>
                                                    <label class="label">Select Role</label>
                                                    <label class="select">
                                                        @php  $role->prepend('Please Select',''); @endphp
                                                        {!! Form::select('role_id', $role, old('role_id'),['class'=>'form-control','required'=>'']) !!}<i></i>
                                                    </label>
                                                </section>

                                                @else
                                                    <input type="hidden" name="role_id" value="3">
                                                @endif

                                                <section>
                                                    <label><input name="notification" checked type="checkbox"> Send notification to user </label>
                                                </section>


                                            </fieldset>
                                            <fieldset class="col-md-5">
                                                <section>
                                                    <div class="box-header with-border">
                                                        <h3 class="box-title image-title text-center">Profile Image</h3>
                                                    </div>
                                                    <div class="box-body text-center">
                                                        <div class="fileinput fileinput-new" data-provides="fileinput">
                                                            <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
                                                                <img src="http://placehold.it/200x200" width="100%" alt="...">
                                                            </div>
                                                            <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;"></div>
                                                            <div>
                                                            <span class="btn btn-default btn-file"><span class="fileinput-new">Select image</span><span class="fileinput-exists">Change</span>
                                                                <input name="profile_image" type="file" >
                                                            </span>
                                                                <a href="#" class="btn btn-default fileinput-exists" data-dismiss="fileinput">Remove</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </section>
                                            </fieldset>
                                        </div>

                                        <footer>
                                            <button type="submit" class="btn btn-primary">
                                                Submit
                                            </button>
                                            <button type="button" class="btn btn-default" onclick="window.history.back();">
                                                Back
                                            </button>
                                        </footer>
                                    {!! Form::close() !!}
                                </div>
                            </div>
                        </div>
                    </article>



            </section>



        </div>


    </div>
@endsection

@section('js')

    <script src="{{ asset('js/jasny-bootstrap.min.js') }}"></script>

@endsection