@extends('layout.master')

@section('main_content')
<div class="container-fluid">
    <div class="page-title">
      <div class="row">
        <div class="col-sm-6">
          <h3>Create Item</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">Items</li>
            <li class="breadcrumb-item active">Create</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('items.store') }}" method="POST" enctype="multipart/form-data">
                    @csrf

                    <div class="row mb-3">
                      <label class="col-sm-2 col-form-label">Product Brand</label>
                      <div class="col-sm-10">
                          <select class="form-select" aria-label="Default select example" name="brandId" id="brandId" required>
                              <option value="1">One</option>
                              <option value="2">Two</option>
                              <option value="3">Three</option>
                          </select>
                      </div>
                  </div>

                  <div class="row mb-3">
                      <label for="INumber" class="col-sm-2 col-form-label">Product Number</label>
                      <div class="col-sm-10">
                          <input type="text" class="form-control" name="INumber" size="40" id="INumber" required>
                      </div>
                  </div>


                  <div class="row mb-3">
                      <label for="ISerialNumber" class="col-sm-2 col-form-label">Product Serial Number</label>
                      <div class="col-sm-10">
                          <input type="text" class="form-control" name="ISerialNumber" size="40" id="ISerialNumber" required>
                      </div>
                  </div>

                  <div class="row mb-3">
                      <label for="IDescription" class="col-sm-2 col-form-label">Product Description</label>
                      <div class="col-sm-10">
                          <input type="text" class="form-control" name="IDescription" size="40" id="IDescription">
                      </div>
                  </div>

                  <div class="row mb-3">
                      <label for="image" class="col-sm-2 col-form-label">Picture</label>
                      <div class="col-sm-10">
                          <input class="form-control" type="file" id="image" name="image" itemsescription>
                      </div>
                  </div>

                  <div class="row mb-3">
                      <label for="ICPU" class="col-sm-2 col-form-label">CPU</label>
                      <div class="col-sm-10">
                          <input type="text" class="form-control" name="ICPU" size="40" id="ICPU">
                      </div>
                  </div>
                  
                  <div class="row mb-3">
                      <label for="IRAM" class="col-sm-2 col-form-label">RAM</label>
                      <div class="col-sm-10">
                          <input type="text" class="form-control" name="IRAM" size="40" id="IRAM">
                      </div>
                  </div>

                  <div class="row mb-3">
                      <label for="IHHD" class="col-sm-2 col-form-label">HDD</label>
                      <div class="col-sm-10">
                          <input type="text" class="form-control" name="IHHD" size="40" id="IHHD">
                      </div>
                  </div>

                  <div class="row mb-3">
                      <label for="IVGA" class="col-sm-2 col-form-label">VGA</label>
                      <div class="col-sm-10">
                          <input type="text" class="form-control" name="IVGA" size="40" id="IVGA">
                      </div>
                  </div>

                  <div class="row mb-3">
                      <label for="IMonitor" class="col-sm-2 col-form-label">Monitor</label>
                      <div class="col-sm-10">
                          <input type="text" class="form-control" name="IMonitor" size="40" id="IMonitor">
                      </div>
                  </div>

                  <div class="row mb-3">
                      <label for="Battery" class="col-sm-2 col-form-label">Battery</label>
                      <div class="col-sm-10">
                          <input type="text" class="form-control" name="Battery" size="40" id="Battery">
                      </div>
                  </div>

                  <div class="row mb-3">
                      <label for="Box" class="col-sm-2 col-form-label">Box</label>
                      <div class="col-sm-10">
                          <input type="text" class="form-control" name="Box" size="40" id="Box">
                      </div>
                  </div>

                  <div class="row mb-3">
                      <label for="inputText" class="col-sm-2 col-form-label">Owner</label>
                      <div class="col-sm-10">
                          <input type="text" class="form-control" name="owner" size="40" id="owner">
                      </div>
                  </div>

                  <div class="row mb-3">
                      <label for="inputText" class="col-sm-2 col-form-label">Location</label>
                      <div class="col-sm-10">
                          <input type="text" class="form-control" name="location" size="40" id="location">
                      </div>
                  </div>

                  <div class="row mb-3">
                      <label for="inputText" class="col-sm-2 col-form-label">Category</label>
                      <div class="col-sm-10">
                          <input type="text" class="form-control" name="category" size="40" id="category">
                      </div>
                  </div>

                  <div class="row mb-3">
                      <label for="inputText" class="col-sm-2 col-form-label">Type</label>
                      <div class="col-sm-10">
                          <input type="text" class="form-control" name="type" size="40" id="type">
                      </div>
                  </div>

                  <div class="row mb-3">
                      <label for="inputText" class="col-sm-2 col-form-label">other</label>
                      <div class="col-sm-10">
                          <input type="text" class="form-control" name="other" size="40" id="other">
                      </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