@extends('Layout.base', ['title'=>'AFRICA | Register a New Products'])
@section('content')

      <div class="container-fluid">
        <!-- SELECT2 EXAMPLE -->
        <div class="card card-default">
          <div class="card-header">
            <h3 class="card-title">Register a New Product</h3>

            <div class="card-tools">
              <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i></button>
              <button type="button" class="btn btn-tool" data-card-widget="remove"><i class="fas fa-times"></i></button>
            </div>
          </div>
          <!-- /.card-header -->
          <div class="card-body">
          <form method="POST" action="{{route('Products.store')}}" enctype="multipart/form-data">
            {{ csrf_field()}}
            <div class="row">
              <div class="col-md-6">
                <div class="form-group">
                    <label for="exampleInputEmail1">Product Label *</label>
                    <input type="text" class="form-control"  placeholder="Enter your Product Label" name="Label">
                  </div>
                  {!! $errors->first('Label', '<span class="error">:message</span>') !!}
              </div>

              <div class="col-md-6">
                <div class="form-group">
                    <label for="exampleInputEmail1">Alert Quantity *</label>
                    <input type="text" class="form-control"  placeholder="Enter your Alert Quantity" name="Alert">
                  </div>
                  {!! $errors->first('Alert', '<span class="error">:message</span>') !!}
              </div>

              <div class="col-md-6">
                <div class="form-group">
                    <label for="exampleInputEmail1">Price *</label>
                    <input type="text" class="form-control"  placeholder="Enter the Price" name="Price">
                  </div>
                  {!! $errors->first('Price', '<span class="error">:message</span>') !!}
              </div>

            </div>
            <div class="row">
              <div class="col-md-6">
                <div class="form-group">
                    <label for="exampleInputFile">Upload Image</label>
                    <div class="input-group">
                      
                      <input type="file" class="form-control" name="Image">
                    </div>
                  </div>
                  {!! $errors->first('Image', '<span class="error">:message</span>') !!}
              </div>
              <!-- /.col -->
              <div class="col-md-6">
                <div class="form-group">
                  <label>Choose Category *</label>
                  <select class="select2" data-placeholder="Select a State" style="width: 100%;" name="Category">
                    <option value="1">Alabama</option>
                    <option value="2">Alaska</option>
                    <option value="3">California</option>
                    <option value="4">Delaware</option>
                    <option value="5">Tennessee</option>
                    <option value="6">Texas</option>
                    <option value="7">Washington</option>
                  </select>
                </div>
                {!! $errors->first('Category', '<span class="error">:message</span>') !!}
              </div>
              <!-- /.col -->
            </div>
            <!-- /.row -->

        <div class="row">
        <div class="col-md-6">
          <div class="card card-outline card-info">
            <div class="card-header">
              <h3 class="card-title">
                More about Product
              </h3>
              <!-- tools box -->
              <div class="card-tools">
                <button type="button" class="btn btn-tool btn-sm" data-card-widget="collapse" data-toggle="tooltip"
                        title="Collapse">
                  <i class="fas fa-minus"></i></button>
                <button type="button" class="btn btn-tool btn-sm" data-card-widget="remove" data-toggle="tooltip"
                        title="Remove">
                  <i class="fas fa-times"></i></button>
              </div>
              <!-- /. tools -->
            </div>
            <!-- /.card-header -->
            <div class="card-body pad">
              <div class="mb-3">
                <textarea class="textarea" placeholder="Place some text here"
                          style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;" name="About"></textarea>
              </div>
            </div>
          </div>
          {!! $errors->first('About', '<span class="error">:message</span>') !!}
        </div>

                <div class="col-md-6">
                <div class="form-group">
                    <label for="exampleInputEmail1">Product Code *</label>
                    <input type="code" class="form-control" placeholder="Enter your Product code" name="Code">
                  </div>
                  {!! $errors->first('Code', '<span class="error">:message</span>') !!}
              </div>
        <!-- /.col-->
      </div>
      <div class="form-group">
         <button type="submit" class="btn btn-primary">Register Product</button>
         <button type="reset" class="btn btn-danger">Cancel</button>
      </div>
      </form>     
      </div><!-- /.container-fluid -->

          @stop