@extends('backend.layouts.app-backend')

@section('content')

<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>Add User</h2>
        <ol class="breadcrumb">
            <li>
                <a href="{{route('admin.dashboard')}}">Dashboard</a>
            </li>
            <li>
                <a href="{{route('admin.user.index')}}">list</a>
            </li>
            <li class="active">
                <strong>Add User</strong>
            </li>
        </ol>
    </div>
</div>

<div class="wrapper wrapper-content animated fadeInRight">

    <div class="row">
        <div class="col-lg-12">
            @include('layouts.message')
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>Add User from the following form.</h5>
                </div>
                <div class="ibox-content">
                    <form method="POST" class="form-horizontal" action="{{route('admin.user.store')}}" enctype="multipart/form-data">
                        @csrf()

                      
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Profile Image</label>
                            <div class="col-sm-10">
                                    

                                <div class="fileinput fileinput-new" data-provides="fileinput">
                       
                                <div class="fileinput-preview fileinput-exists thumbnail" style="max-width:400px;max-height:400px;"></div>
                                <div>
                                    <span class="btn btn-primary btn-file">
                                        <span class="fileinput-new">Select Profile</span>
                                        <span class="fileinput-exists">Change</span>
                                        <input id="profile_image" name="profile_image" type="file" class="form-control" accept="image/*"/>
                                    </span>
                                    <a href="#" class="btn btn-danger fileinput-exists"
                                       data-dismiss="fileinput">Remove</a>
                                </div>
                            </div>

                            </div>
                        </div>

                    
                        <div class="hr-line-dashed"></div>
                       
                       
                        <div class="form-group">
                            <label class="col-sm-2 control-label">First Name (*)</label>
                            <div class="col-sm-10">
                                <input name="first_name" type="text" class="form-control" value="{{old('first_name')}}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">Last Name (*)</label>
                            <div class="col-sm-10">
                                <input name="last_name" type="text" class="form-control" value="{{old('last_name')}}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">Email (*)</label>
                            <div class="col-sm-10">
                                <input name="email" type="text" class="form-control" value="{{old('email')}}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">Phone</label>
                            <div class="col-sm-10">
                                <input name="phone" type="text" class="form-control" value="{{old('phone')}}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">Address</label>
                            <div class="col-sm-10">
                                <input name="address" type="text" class="form-control" value="{{old('address')}}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">City</label>
                            <div class="col-sm-10">
                                <input name="city" type="text" class="form-control" value="{{old('city')}}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">Province</label>
                            <div class="col-sm-10">
                                <select  name="province_id" id="inputState" class="form-control @error('province_id') is-invalid @enderror">
                                  @php 
                                    $provinces = \App\Models\Province::all();
                                  @endphp
                                  <option selected="">Choose...</option>
                                  @if(isset($provinces) && count($provinces))
                                    @foreach($provinces as $prov)
                                      <option value="{{$prov->id}}">{{$prov->name}}</option>
                                    @endforeach
                                  @endif
                                </select>
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="col-sm-2 control-label">Postal Code</label>
                            <div class="col-sm-10">
                                <input name="postal_code" type="text" class="form-control @error('postal_code') is-invalid @enderror" placeholder="Postal Code">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">Password</label>
                            <div class="col-sm-10">
                                 <input name="password" type="password" class="form-control @error('password') is-invalid @enderror" id="inputPassword" placeholder="Enter Password" >
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">Re-enter Password</label>
                            <div class="col-sm-10">
                                <input name="password_confirmation" type="password" class="form-control @error('password_confirmation') is-invalid @enderror" id="inputPassword" placeholder="Enter Re-enter Password">
                            </div>
                        </div>
                   
                        <div class="hr-line-dashed"></div>
                        
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Comments or Description</label>
                            <div class="col-sm-10">
                                <textarea name="comments" class="form-control">{{old('comments')}}</textarea>
                            </div>
                        </div>

                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <div class="col-sm-4 col-sm-offset-2">
                                <button class="btn btn-primary" type="submit">Submit</button>
                            </div>
                        </div>


                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('header-style')
<link href="{{ asset('backend/jasny-bootstrap/css/jasny-bootstrap.css')}}" rel="stylesheet" />
@stop
@section('footer-scripts')
<script type="text/javascript" src="{{ asset('backend/jasny-bootstrap/js/jasny-bootstrap.js') }}"></script>
@stop