@extends('admin.layouts.app')
@section('content')
          <div class="page-inner">
            <div class="page-header">
              <h3 class="fw-bold mb-3">Users</h3>
              <ul class="breadcrumbs mb-3">
                <li class="nav-home">
                  <a href="#">
                    <i class="icon-home"></i>
                  </a>
                </li>
                <li class="separator">
                  <i class="icon-arrow-right"></i>
                </li>
                <li class="nav-item">
                  <a href="#">Add User</a>
                </li>               
              </ul>
            </div>
            <div class="row">
              <div class="col-md-12">
                <div class="card">
                  @if(session('message')) 
                    <div class="alert alert-success"> {{ session('message') }} </div> 
                  @endif
                  <form action="{{route('admin.products.store')}}" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="card-header">
                      <div class="card-title">Add User</div>
                    </div>
                    <div class="card-body">
                      <div class="row">
                        <div class="col-md-6 col-lg-6">  
                            <div class="form-group form-inline">
                            <label
                              for="name"
                              class="col-md-3 col-form-label"
                              >Name</label
                            >
                            <div class="col-md-12 p-0">
                              <input
                                type="text"
                                class="form-control input-full"
                                id="name"
                                name="name"
                                value="{{old('name')}}"
                                placeholder="Product Name"
                              />
                            </div>
                             @error('name')
                              <div class="text text-danger"> {{ $message }} </div>
                              @enderror
                          </div>                           
                           
                          
                          
                         
                          <div class="form-group">
                            <label for="username">Username</label>
                            <input
                                type="text"
                                class="form-control input-full"
                                id="username"
                                name="username"
                                value="{{old('username')}}"
                                placeholder="Username"
                              />
                            @error('username')
                            <div class="text text-danger">{{ $message }}</div>
                            @enderror
                          </div>
                          <div class="form-group">
                            <label for="email">Email</label>
                            <input
                                type="text"
                                class="form-control input-full"
                                id="email"
                                name="email"
                                value="{{old('email')}}"
                                placeholder="Email"
                              />
                            @error('email')
                            <div class="text text-danger">{{ $message }}</div>
                            @enderror
                          </div>
                          
                          <div class="form-group form-inline">
                            <label
                              for="phone"
                              class="col-md-3 col-form-label"
                              >Phone</label
                            >
                            <div class="col-md-12">
                              <input
                                type="text"
                                class="form-control input-full"
                                id="phone"
                                name="phone"
                                placeholder="Phone Number"
                              />
                            </div>
                          </div>
                          
                        
                        </div>
                        <div class="col-md-6 col-lg-6"> 
                            <div class="form-group">
                            <label for="password">Password</label>
                            <input
                                type="text"
                                class="form-control input-full"
                                id="password"
                                name="password"
                                placeholder="Password"
                              />
                          </div>
                          
                               
                          <div class="form-group">
                                <label for="status">Status</label>
                                <select
                                    class="form-select form-control"
                                    id="status" name="status"
                                >
                                    <option>Select Status</option>
                                    <option value="draft">Draft</option>
                                    <option value="published">Published</option>
                                    <option value="out_of_stock">Out of stock</option>
                                    <option value="inactive">Inactive</option>
                                </select>
                            </div>                                           
                          
                          <div class="form-group">
                            <label for="images"
                              >Profile Images</label
                            >
                            <input
                              type="file"
                              class="form-control"
                              id="images"
                              name="images[]"
                              multiple
                            />
                            @error('image')
                            <div class="text text-danger">{{ $message }}</div>
                            @enderror
                          </div>                       
                                                
                                              
                          
                        </div>                      
                      </div>
                    </div>
                    <div class="card-action">
                      <button class="btn btn-success">Submit</button>
                      <!-- <button class="btn btn-danger">Cancel</button> -->
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
@endsection