@extends('dashboard.layout.partials.dashboard')
@section('content')
<div class="container-fluid">
    @if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
 <div class="stretch-card col-xl-8 mx-auto"> <!--col-md-6 grid-margin -->
                <div class="card">
                   <br>
                  <br>
                  <h4 style="text-align: center !important;">Add Products</h4>
                  <div class="card-body shadow">
                    
                    <form class="forms-sample" method="POST" action="{{route('products.store')}}" enctype="multipart/form-data">
                     @csrf()
                      <div class="form-group">
                        <label for="product_name">Product Name  <span style="color:red">*</span></label>
                        <input type="text" class="form-control" name="product_name" autocomplete="off" id="product_name" placeholder="product Name">

                      </div>

                       <div class="form-group">
                        <label for="qty">Quantity<span style="color:red">*</span></label>
                        <input type="number" class="form-control" name="qty" autocomplete="off" id="qty" placeholder="Quantity">
                      </div>
                    <div class="form-group">
                        <label for="category">Category<span style="color:red">*</span></label>
                        <select class='form-control' name='category'>
                            <option selected>Select Category</option>
                            <option value='General Mechanic'>General Mechanic</option>
                            <option value='Laith Machine'>Laith Machine</option>
                            <option value='Electrician'>Electrician</option>
                            <option value='Wheel Balancer'>Wheel Balancer</option>
                        </select>
                      </div>

                       <div class="form-group">
                        <label for="price">Price<span style="color:red">*</span></label>
                        <input type="number" class="form-control" name="price" autocomplete="off" id="price" placeholder="Price">
                      </div>
                       <div class="form-group">
                        <label for="price">Upload Images<span style="color:red">*</span></label>
                        <input type="file" multiple class="form-control" name="product_image[]" autocomplete="off" id="price">
                      </div>

                      <button type="submit" class="btn btn-gradient-danger me-2">Submit</button>
                      <a class="btn btn-light" href="{{ url()->previous() }}">Cancel</a>
                    </form>
                  </div>
                </div>
              </div>
              </div>

@endsection