@extends('admin.layouts.main')
@section('content')
<div class="page-content">
  <div class="container-fluid">
    <!-- start page title -->
    <div class="row">
      <div class="col-12">
        <div class="page-title-box d-flex align-items-center justify-content-between">
          <h4 class="mb-0">Product Management</h4>
          <div class="page-title-right">
            <ol class="breadcrumb m-0">
              <li class="breadcrumb-item"><a href="{{ url('admin/dashboard') }}">Dashboard</a> / Product</li>
            </ol>
          </div>
        </div>
      </div>
    </div>
    <!-- end page title -->
    <div class="row">
      <div class="col-12">
        <div class="card">
          <div class="card-body">
            <div class="row">
              <div class="col-md-11">
                <h3 class="card-title">Add Product</h3>
              </div>
              <div class="col-md-1">
                <a href="{{ url('admin/product')}}" class="btn btn-sm btn-primary"><i class="fa fa-arrow-left"></i> Back</a>
              </div>
            </div>
            <br> 
            {!! Form::open(['method' => 'POST', 'route' => ['product.store'], 'enctype'=>'multipart/form-data', 'id'=>'productAddForm']) !!}
            <div class="row">
              <?php 
                $messageArr = ['success', 'warning', 'danger', 'info'];
                ?>
              @foreach($messageArr as $message)
              @if(session()->has($message))   
              <div class="col-md-12">
                <div class="alert alert-{{$message}}">
                  {{ session()->get($message) }}   
                </div>
              </div>
              @endif
              @endforeach
              <div class="form-group" style="margin-left: 20px; margin-bottom: 10px">
                <span class="text-danger">Fields marked as (*) are Mandatory</span>
              </div>
              <div class="col-md-6">
                <div class="form-group">
                  {{ Form::label('category_id','Category *') }}
                  <div class="no-padding{{ ($errors->has('category_id')) ? ' has-error' : '' }}">
                    <select class="form-control select2" name="category_id" id="category_id">
                      <option>Select Category</option>
                      @foreach($categories as $cat)
                      <option value="{{ $cat->id }}">{{ ucwords($cat->c_name) }}</option>
                      @endforeach
                    </select>
                    @if($errors->has('category_id'))
                    <span class="help-block">{{ $errors->first('category_id') }}</span>
                    @endif
                  </div>
                </div>
                <div class="form-group">
                  {{ Form::label('pro_name','Product Name *') }}
                  <div class="no-padding{{ ($errors->has('pro_name')) ? ' has-error' : '' }}">
                    {{ Form::text('pro_name',null,['class'=>'form-control','placeholder'=>'Product name','autocomplete'=>'off'],old('pro_name'))}}
                    @if($errors->has('pro_name'))
                    <span class="help-block">{{ $errors->first('pro_name') }}</span>
                    @endif
                  </div>
                </div>
                <div class="form-group">
                  {{ Form::label('short_description','Short description') }}
                  <div class="no-padding{{ ($errors->has('name')) ? ' has-error' : '' }}">
                    <textarea class="form-control" name="short_description" id="short_description" placeholder="Enter description" maxlength="400" rows="4"></textarea>
                    @if($errors->has('short_description'))
                    <span class="help-block">{{ $errors->first('short_description') }}</span>
                    @endif 
                  </div>
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group">
                  {{ Form::label('product_pdf','Product Document') }}
                  <div class="no-padding {{ ($errors->has('product_pdf')) ? ' has-error' : '' }}">
                    {{ Form::file('product_pdf', ['id'=>'product_pdf','class' => 'form-control'],old('product_pdf')) }}
                    @if($errors->has('product_pdf'))
                    <span class="help-block">{{ $errors->first('product_pdf') }}</span>
                    @endif 
                  </div>
                </div>
                <div class="form-group">
                  {{ Form::label('image','Product Image *') }} {{"Select image with less or equal 850 X 600 Dimension"}}
                  <div class="no-padding {{ ($errors->has('image')) ? ' has-error' : '' }}">
                    {{ Form::file('image', ['id'=>'productImage','class' => 'form-control'],old('product_image')) }}
                    @if($errors->has('image'))
                    <span class="help-block">{{ $errors->first('image') }}</span>
                    @endif 
                    <br>
                    <img src="{{ URL::to('/admin_theme/images/default-user.png') }}" id="image_tag" width="120px" />
                  </div>
                </div>
              </div>
              <div class="col-md-12">
                <div class="form-group">
                  {{ Form::label('application','Application') }}
                  <div class="no-padding{{ ($errors->has('application')) ? 'has-error' : '' }}">
                    {{ Form::textarea('application',null,['class'=>'form-control','placeholder'=>'Enter Application','autocomplete'=>'off','id'=>'application'],old('application'))}}
                    @if($errors->has('application'))
                      <span class="help-block">{{ $errors->first('application') }}</span>
                    @endif 
                  </div>
                </div>
              </div>
              <div class="col-md-12">
                <div class="form-group">
                  {{ Form::label('materials','Materials') }}
                  <div class="no-padding{{ ($errors->has('materials')) ? 'has-error' : '' }}">
                    {{ Form::textarea('materials',null,['class'=>'form-control','placeholder'=>'Enter materials','autocomplete'=>'off','id'=>'materials'],old('materials'))}}
                    @if($errors->has('materials'))
                      <span class="help-block">{{ $errors->first('materials') }}</span>
                    @endif 
                  </div>
                </div>
              </div>
              <div class="col-md-12">
                <div class="form-group">
                  {{ Form::label('specification','Specification') }}
                  <div class="no-padding{{ ($errors->has('specification')) ? 'has-error' : '' }}">
                    {{ Form::textarea('specification',null,['class'=>'form-control','placeholder'=>'Enter Specification','autocomplete'=>'off','id'=>'specification'],old('specification'))}}
                    @if($errors->has('specification'))
                      <span class="help-block">{{ $errors->first('specification') }}</span>
                    @endif 
                  </div>
                </div>
              </div>
              <div class="col-md-12">
                <div class="form-group">
                  {{ Form::label('operating_range','Operating Range') }}
                  <div class="no-padding{{ ($errors->has('operating_range')) ? 'has-error' : '' }}">
                    {{ Form::textarea('operating_range',null,['class'=>'form-control','placeholder'=>'Enter Operating Range','autocomplete'=>'off','id'=>'operating_range'],old('operating_range'))}}
                    @if($errors->has('operating_range'))
                      <span class="help-block">{{ $errors->first('operating_range') }}</span>
                    @endif 
                  </div>
                </div>
              </div>

              <div class="row">
                <div class="col-md-12">
                  <hr><h5>SEO Details</h5><hr>
                </div>
                <div class="col-md-6">
                  <div class="form-group">
                    {{ Form::label('meta_title',' Meta Title') }}
                    <div class="no-padding{{ ($errors->has('meta_title')) ? ' has-error' : '' }}">
                      {{ Form::text('meta_title',null,['class'=>'form-control','placeholder'=>'Enter Meta Title','autocomplete'=>'off'],old('meta_title'))}}
                      @if($errors->has('meta_title'))
                      <span class="help-block">{{ $errors->first('meta_title') }}</span>
                      @endif
                    </div>
                  </div>
                  <div class="form-group">
                    {{ Form::label('meta_tag',' Meta Tags') }}
                    <div class="no-padding{{ ($errors->has('meta_tag')) ? ' has-error' : '' }}">
                      {{ Form::text('meta_tag',null,['class'=>'form-control','placeholder'=>'Enter Meta Tags','autocomplete'=>'off','data-role'=>'tagsinput'],old('meta_tag'))}}
                      @if($errors->has('meta_tag'))
                      <span class="help-block">{{ $errors->first('meta_tag') }}</span>
                      @endif
                    </div>
                  </div>
                </div>

                <div class="col-md-6">
                  <div class="form-group">
                    {{ Form::label('meta_description',' Meta Description') }}
                    <div class="no-padding{{ ($errors->has('meta_description')) ? ' has-error' : '' }}">
                      {{ Form::textarea('meta_description',null,['class'=>'form-control','placeholder'=>'Enter Description','autocomplete'=>'off','rows'=>4,'maxlength'=>150],old('meta_description'))}}
                      @if($errors->has('meta_description'))
                      <span class="help-block">{{ $errors->first('meta_description') }}</span>
                      @endif
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-12 text-right"><br>
                <a href="{{url('admin/product')}}" class="btn btn-flat btn-danger"><i class="fa fa-times"></i> Cancel</a>
                <button type="submit" class="btn btn-flat btn-success"><i class="fa fa-save"></i> Save</button>
              </div>
            </div>
            </form>
          </div>
        </div>
      </div>
      <!-- end col -->
    </div>
    <!-- end row -->
  </div>
  <!-- container-fluid -->
</div>
@stop
@section('footer_script')
{{ Html::script('admin_theme/pages_js/product.js') }}
<script type="text/javascript"></script>
@stop