@extends('layouts.master')

@section('title', 'Add Product')

@section('content')

<x-breadcrumb item="E-commerce" active="Add New Product"/>
        <!-- [ Main Content ] start -->
        <div class="row">
          <!-- [ sample-page ] start -->
          <div class="col-sm-12">
            <div class="card">
              <div class="card-body">
                <div class="row">
                  <div class="col-md-6">
                    <div class="mb-3">
                      <label class="form-label">Product Name</label>
                      <input type="text" class="form-control" placeholder="Enter Product Name" />
                    </div>
                    <div class="mb-3">
                      <label class="form-label">Product Description</label>
                      <input type="text" class="form-control" placeholder="Enter Product Description" />
                    </div>
                    <div class="mb-3">
                      <label class="form-label">Category</label>
                      <input type="text" class="form-control" placeholder="Enter Product Category" />
                    </div>
                    <div class="mb-3">
                      <label class="form-label">Price</label>
                      <select class="form-select">
                        <option>$ 100</option>
                        <option>$ 200</option>
                        <option>$ 300</option>
                        <option>$ 400</option>
                        <option>$ 500</option>
                      </select>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="mb-3">
                      <label class="form-label">Qty</label>
                      <select class="form-select">
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                      </select>
                    </div>
                    <div class="mb-3">
                      <label class="form-label">Status</label>
                      <select class="form-select">
                        <option>In Stock</option>
                        <option>Out of Stock</option>
                      </select>
                    </div>
                    <div class="mb-3">
                      <p><span class="text-danger">*</span> Recommended resolution is 640*640 with file size</p>
                      <label class="btn btn-outline-secondary" for="flupld"><i class="ti ti-upload me-2"></i> Click to Upload</label>
                      <input type="file" id="flupld" class="d-none" />
                    </div>
                    <div class="text-end btn-page mt-4">
                      <button class="btn btn-outline-secondary">Cancel</button>
                      <button class="btn btn-primary">Add new Product</button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- [ sample-page ] end -->
        </div>
        <!-- [ Main Content ] end -->
      @endsection