@extends('admin.include.master')

@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <section class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1>Add Product</h1>
        </div>
        <div class="col-sm-6 text-right">
          <a href="{{ url('all-product') }}" class="btn btn-sm btn-outline-info mx-1">Cancel</a>
          <button type="submit" name="savenew" id="savenew" class="btn btn-sm btn-outline-info mx-1">Save &amp; New</button>
          <button type="submit" name="save" value="Save" class="btn btn-sm btn-info mx-1">Save</button>
        </div>
      </div>
    </div><!-- /.container-fluid -->
  </section>

  <!-- Main content -->
  <form action="#" method="POST" class="mx-2">
    <section class="content">
      <div class="row">
        <div class="col-md-8 offset-md-2">
          <div class="card card-primary">
            <div class="card-header">
              <h3 class="card-title">General Info</h3>

              <div class="card-tools">
                <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                  <i class="fas fa-minus"></i>
                </button>
              </div>
            </div>
            <div class="card-body">
              <div class="row">
                <div class="col-md-6">
                  <div class="form-group mb-2">
                    <label class="mb-0" for="customer">Name<span class="text-danger">*</span></label>
                    <input type="text" class="form-control form-control-sm" id="name" name="name" required />
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group mb-2">
                    <label class="mb-0" for="date">Code<span class="text-danger">*</span></label>
                    <input type="text" class="form-control form-control-sm" id="code" name="code" required />
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-6">
                  <div class="form-group mb-2">
                    <label>Family<span class="text-danger">*</span></label>
                    <select class="form-control form-control-sm" id="family" name="family" style="width: 100%;" aria-hidden="true" required>
                      <option selected="selected" disabled>Select Family</option>
                      <option data-select2-id="30">Family 1</option>
                      <option data-select2-id="31">Family 2</option>
                      <option data-select2-id="32">Family 3</option>
                      <option data-select2-id="33">Family 4</option>
                    </select>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group mb-2">
                    <label>UOM<span class="text-danger">*</span></label>
                    <select class="form-control form-control-sm" id="uom" name="uom" style="width: 100%;" aria-hidden="true" required>
                      <option selected="selected" disabled>Select UOM</option>
                      <option data-select2-id="30">UOM 1</option>
                      <option data-select2-id="31">UOM 2</option>
                      <option data-select2-id="32">UOM 3</option>
                      <option data-select2-id="33">UOM 4</option>
                    </select>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-6">
                  <div class="form-group mb-2">
                    <div class="form-group mb-2">
                      <label>GST Slab<span class="text-danger">*</span></label>
                      <select class="form-control form-control-sm" id="uom" name="uom" style="width: 100%;" aria-hidden="true" required>
                        <option selected="selected" disabled>Select GST Slab</option>
                        <option data-select2-id="30">GST Slab 18%</option>
                        <option data-select2-id="31">GST Slab 12%</option>
                        <option data-select2-id="32">GST Slab 9%</option>
                        <option data-select2-id="33">GST Slab 5%</option>
                      </select>
                    </div>
                  </div>
                </div>

                <div class="col-md-6">
                  <div class="form-group">
                    <label for="productImage">Product Image</label>
                    <div class="input-group">
                      <div class="custom-file">
                        <input type="file" name="productImage" class="custom-file-input form-control-sm" id="productImage" required />
                        <label class="custom-file-label" for="uploadFile">Choose file</label>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="form-group mb-2">
                <label class="mb-0" for="description">Description</label>
                <textarea id="description" name="description" class="form-control form-control-sm"></textarea>
              </div>
              <div class="col-md-6">
                <div class="form-group clearfix">
                  <div class="icheck-primary">
                    <input type="checkbox" id="active">
                    <label class="mb-0" for="active">Acitve</label>
                  </div>
                </div>
              </div>
              <!-- /.card-body -->
            </div>
          </div>


          <!-- /.card -->
        </div>

      </div>
      <div class="row">
        <div class="col-12">
          <div class="d-flex align-items-center justify-content-center">
            <a href="{{ url('all-collection') }}" class="btn btn-sm btn-outline-info mx-1">Cancel</a>
            <button type="submit" name="savenew" id="savenew" class="btn btn-sm btn-outline-info mx-1">Save &amp; New</button>
            <button type="submit" name="save" value="Save" class="btn btn-sm btn-info mx-1">Save</button>
          </div>
        </div>
      </div>
    </section>
  </form><br />
  <!-- /.content -->
</div>
<!-- /.content-wrapper -->
@endsection