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

@section('content')

<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>Edit 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>Edit 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>Edit User from the following form.</h5>
                </div>
                <div class="ibox-content">
                    <form method="POST" class="form-horizontal" action="{{route('admin.user.update',$user->id)}}" enctype="multipart/form-data">
                      
                      @csrf()
                      <input type="hidden" name="user_id" value="{{$user->id}}">
                      <div class="form-group">
                          <label class="col-sm-2 control-label">Profile Image</label>
                          <div class="col-sm-10">
                              <div class="fileinput  @if($user->profile_image != NULL)) fileinput-exists @else fileinput-new @endif" data-provides="fileinput">
                                  <div class="fileinput-preview fileinput-exists thumbnail" style="width:200px;height:200px;">
                                    @if(isset($user->profile_image))
                                        <img src="{{asset('profile_image/'.$user->profile_image)}}">
                                    @endif
                                  </div>
                                  <div>
                                    <span class="btn btn-primary btn-file">
                                        <span class="fileinput-new">Select image</span>
                                        <span class="fileinput-exists">Change</span>
                                        <input type="hidden" name="profile_image" value="{{$user->profile_image}}">
                                        <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',$user->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',$user->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',$user->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',$user->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',$user->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',$user->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}}" {{$user->province_id == $prov->id ? 'selected' : ''}}>{{$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" value="{{old('postal_code',$user->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="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',$user->comments)}}</textarea>
                            </div>
                        </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