@extends('layout.master')

@section('main_content')
<div class="container-fluid">
    <div class="page-title">
      <div class="row">
        <div class="col-sm-6">
          <h3>Edit User</h3>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('home') }}"><i data-feather="home"></i></a></li>
            <li class="breadcrumb-item">Users</li>
            <li class="breadcrumb-item active">Edit</li>
          </ol>
        </div>
      </div>
    </div>
  </div>
  <!-- Container-fluid starts-->
  <div class="container-fluid">
        <div class="row">
          <div class="col-sm-12">
            <div class="card">
              <div class="card-body">
                <form class="theme-form" action="{{ route('users.update', $user->id) }}" method="POST" enctype="multipart/form-data">
                    @method('PUT')
                    @csrf

                    <div class="row mb-3">
                        <label for="name" class="col-sm-2 col-form-label">First Name</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="name" size="40"
                                id="name" value="{{ $user->name }}">
                        </div>
                    </div>


                    <div class="row mb-3">
                        <label for="mname" class="col-sm-2 col-form-label">Middle Name</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="mname" size="40"
                                id="mname" value="{{ $user->mname }}">
                        </div>
                    </div>

                    <div class="row mb-3">
                        <label for="lname" class="col-sm-2 col-form-label">Last Name</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="lname" size="40" id="lname"
                                value="{{ $user->lname }}">
                        </div>
                    </div>

                    <div class="row mb-3">
                        <label for="address" class="col-sm-2 col-form-label">Address</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="address" size="40" id="address"
                                value="{{ $user->address }}">
                        </div>
                    </div>

                    <div class="row mb-3">
                        <label for="phone" class="col-sm-2 col-form-label">Mobile Number</label>
                        <div class="col">
                            <input type="number" class="form-control" name="phone" id="phone" value="{{ $user->phone }}">
                        </div>

                    </div>

                    <div class="row mb-3">
                        <label for="email" class="col-sm-2 col-form-label">Email</label>
                        <div class="col-sm-10">
                            <input type="email" class="form-control" name="email" size="40"
                                id="email" value="{{ $user->email }}">
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label for="picture" class="col-sm-2 col-form-label">Picture</label>
                        <div class="col">
                            <img width="100" src="{{ asset( $user->picture ) }}"/>
                        </div>
                        <div class="col">
                            <input class="form-control" type="file" id="picture" name="picture" itemsescription>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <label for="dob" class="col-sm-2 col-form-label">Date of Birth</label>
                        <div class="col-sm-10">
                            <input type="date" id="dob" name="dob" class="form-control" value="{{ $user->dob }}">
                        </div>
                    </div>

                    <div class="row mb-3">
                        <label for="username" class="col-sm-2 col-form-label">UserName:</label>
                        <div class="col-sm-10">
                            <input type="text" id="username" name="username" class="form-control" value="{{ $user->username }}">
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>Role:</strong>
                            {!! Form::select('roles[]', $roles,$userRole, array('class' => 'form-control','multiple')) !!}
                        </div>
                    </div>
                                
               
              </div>
              <div class="card-footer text-end">
                <button class="btn btn-primary" type="submit">Submit</button>
                <button class="btn btn-secondary">Cancel</button>
              </div>
            </div>
          </div>
        </form>

    </div>
  </div>    
@endsection

@section('scripts')
<script src="{{ asset('assets/js/tooltip-init.js') }}"></script>    
@endsection