@extends('layouts.master')
@section('title', 'PetroERP- An ERP for Petrol Pump Product')
@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-6">
                    <h5>Product</h5>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">
                            <a href="#">Company Settings</a>
                        </li>
                        <li class="breadcrumb-item active">Product</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">New Product</h3>
                        <!-- <a class="float-right" style="margin-top: -25px; color: #007bff; font-size: 22px;" data-toggle="popover" title="Add a New Product" data-content="This page is used to add a new product for the company. The form-field marked with red star are mandatory. Product detail is dependent on availability of Company and Unit Data. Please make data entry for Company and Unit first, so that they will be available in the respective dropdown list for selection."><i class="fa fa-question-circle"></i></a> -->
                    </div>
                    <div class="card-body">
                        {!! Form::open(['action' => 'ProductsController@search', 'method' => 'GET', 'class' => 'form-horizontal']) !!}
                            <div class="row">
                                {!! Form::open(['action' => 'ProductsController@search', 'method' => 'GET', 'class' => 'form-horizontal']) !!}
                                <div class="col-md-6">
                                    <div class="btn-toolbar">
                                        <a href="/products" class="btn btn-gray ">Active List</a>
                                        <a href="/products/dlist" class="btn btn-gray">Deactive List</a>
                                        <a href="/products/create" class="btn btn-gray active">Add Product</a>
                                    </div>
                                </div>
                                {!! Form::close() !!}
                            </div>
                        {!! Form::close() !!}
                        {!! Form::open(['action' => 'ProductsController@store', 'method' => 'POST', 'class' => 'form-horizontal space-top','data-parsley-validate']) !!}
                            <div class="row form-group">
                                {{Form::label('companyId', 'Company', ['class'=>'required col-md-2'])}}
                                <div class="col-md-4">
                                    {{Form::select('companyId', $companies, null, ['placeholder' => 'Pick a petroleum company...', 'required'])}}
                                </div>
                                {{Form::label('prodGroupId', 'Product Group', ['class'=>'required col-md-2'])}}
                                <div class="col-md-4">
                                    {{Form::select('prodGroupId', $groups, '', ['placeholder' => 'Pick a group...','required'])}}
                                </div>
                            </div>
                            <div class="row form-group">
                                {{Form::label('name', 'Name', ['class'=>'required col-md-2'])}}
                                <div class="col-md-4">
                                    {{Form::text('name', '', ['class'=>'form-control', 'placeholder'=>'Product Name','required'])}}
                                </div>
                                {{Form::label('shortName', 'Short Name', ['class'=>'required col-md-2'])}}
                                <div class="col-md-4">
                                    {{Form::text('shortName', '', ['class'=>'form-control', 'placeholder'=>'Short Name','required'])}}
                                </div>
                            </div>
                            <div class="row form-group">
                                {{Form::label('unitId', 'Measurement Unit', ['class'=>'required col-md-2'])}}
                                <div class="col-md-4">
                                    {{Form::select('unitId', $units, null, ['placeholder' => 'Pick a Unit...','required'])}}
                                </div>
                                {{Form::label('serialNo', 'Serial No', ['class'=>'required col-md-2'])}}
                                <div class="col-md-4">
                                    {{Form::text('serialNo', '', ['class'=>'form-control', 'placeholder'=>'Serial No', 'data-parsley-type'=>'number', 'required'])}}
                                </div>
                            </div>

                            <div class="row form-group">
                                <div class="col-md-4 col-md-offset-2">
                                    <div class="btn-toolbar">
                                        {{Form::submit('Submit', ['class'=>'btn btn-primary'])}}
                                        {{Form::reset('Reset', ['class'=>'btn btn-primary'])}}
                                    </div>
                                </div>
                            </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection