@extends('layouts.admin')

@section('content')
<div class="card">
  <div class="card-header">
    <h4 class="mb-0">Add Products</h4>
  </div>
  <div class="card-body">
    <form method="POST" action="{{url('insert-product')}}" enctype="multipart/form-data">
      @csrf
      <div class="row">
        <div class="col-md-12 mb-3">
          <label for="cate_id" class="form-label">Select a Category</label>
          <select class="form-select border border-dark p-2" name="cate_id" id="cate_id">
            <option value=''>Choose...</option>
            @foreach ($category as $item)
            <option value="{{$item->id}}">{{$item->name}}</option>
            @endforeach
          </select>
        </div>
        <div class="col-md-6 mb-3">
          <label for="name" class="form-label">Name</label>
          <input type="text" class="form-control border border-dark p-2" name="name" id="name">
        </div>
        <div class="col-md-12 mb-3">
          <label for="small_description" class="form-label">Small Description</label>
          <textarea name="small_description" rows="3" class="form-control border border-dark" id="small_description"></textarea>
        </div>
        <div class="col-md-12 mb-3">
          <label for="description" class="form-label">Description</label>
          <textarea name="description" rows="3" class="form-control border border-dark" id="description"></textarea>
        </div>
        <div class="col-md-6 mb-3">
          <label for="price" class="form-label">Original Price</label>
          <div class="input-group">
            <span class="input-group-text border border-dark p-2">₱</span>
            <input type="number" class="border form-control border-dark p-2" name="price" id="price">
          </div>
        </div>
        <div class="col-md-6 mb-3">
          <label for="selling_price" class="form-label">Selling Price</label>
          <div class="input-group">
            <span class="input-group-text border border-dark p-2">₱</span>
            <input type="number" class="border form-control border-dark p-2" name="selling_price" id="selling_price">
          </div>
        </div>
        <div class="col-md-6 mb-3">
          <label for="qty" class="form-label">Quantity</label>
          <input type="number" class="border form-control border-dark p-2" name="qty" id="qty">
        </div>
        <div class="col-md-6 mb-3">
          <label for="tax" class="form-label">Tax</label>
          <div class="input-group">
            <input type="number" class="border form-control border-dark p-2" name="tax" id="tax">
            <span class="input-group-text border border-dark p-2">%</span>
          </div>
        </div>
        <div class="col-md-6 mb-3">
          <div class="form-check">
            <input type="checkbox" class="form-check-input" name="status" id="status">
            <label for="status" class="form-check-label">Status</label>
          </div>
        </div>
        <div class="col-md-6 mb-3">
          <div class="form-check">
            <input type="checkbox" class="form-check-input" name="trending" id="trending">
            <label for="trending" class="form-check-label">Trending</label>
          </div>
        </div>
        <div class="col-md-6 mb-3">
          <label for="meta_title" class="form-label">Meta Title</label>
          <input type="text" class="form-control border border-dark p-2" name="meta_title" id="meta_title">
        </div>
        <div class="col-md-12 mb-3">
          <label for="meta_keyword" class="form-label">Meta Keyword</label>
          <textarea name="meta_keyword" rows="3" class="form-control border border-dark p-2" id="meta_keyword"></textarea>
        </div>
        <div class="col-md-12 mb-3">
          <label for="meta_description" class="form-label">Meta Description</label>
          <textarea name="meta_description" rows="3" class="form-control border border-dark p-2" id="meta_description"></textarea>
        </div>
        <div class="col-md-12 mb-3">
          <label for="image" class="form-label">Image</label>
          <input type="file" name="image" class="form-control border border-dark p-2" id="image">
        </div>
        <div class="col-md-12 mb-3">
          <button type="submit" class="btn btn-primary">Submit</button>
        </div>
      </div>
    </form>
  </div>
</div>
@endsection