@extends('layouts.template')

@section('template')

<style type="text/css">
    label{
        font-weight: bold;
    }
</style>

<!-- Content Header -->
<section class="content-header">
    <h1>
        ITEM <a href="{{ url('/item') }}" class="btn btn-warning btn-sm " ><i class="fa fa-list"></i> Item List</a>
        <small></small>
        </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">Dashboard</li>
        <li class="active">Add New Item</li>
    </ol>
</section>
<!-- End Content Header -->
<!-- Main content -->
<div class="row">
    <div class="col-md-6">
        <section class="content">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    Add New 
                </div>
                <div class="panel-body">
                    <form class="form" action="{{ url('item/store') }}" method="post" enctype="multipart/form-data">
                        {{ csrf_field() }}
                        <div class="row">
                        <div class="col-md-12"> 
                            <div class="form-group">
                                <label for="">Item Name</label>
                                <div class="input-group">
                                <span class="input-group-addon"><i style="color:black" class="fa fa-cube
                                    "></i></span>
                                    <input maxlength="24" type="text" autocomplete="OFF" name="item_name" id="item_name"  placeholder="Item Name" class="form-control input-sm" required />
                                </div>
                                @if($errors->has('item_name'))
                                    <span class="text-danger">{{ $errors->first('item_name')}}</span>
                                @endif
                            </div>
                        </div>
                        <!--<div class="col-md-12"> -->
                        <!--    <div class="form-group">-->
                        <!--        <label for="">Item Code</label>-->
                        <!--        <div class="input-group">-->
                        <!--        <span class="input-group-addon"><i style="color:black" class="fa fa-tags-->
                        <!--            "></i></span>-->
                        <!--            <input type="text" autocomplete="OFF" name="item_code" id="item_code"  placeholder="Item Code" class="form-control input-sm" required/>-->
                        <!--        </div>-->
                        <!--        @if($errors->has('item_code'))-->
                        <!--            <span class="text-danger">{{ $errors->first('item_code')}}</span>-->
                        <!--        @endif-->
                        <!--    </div> -->
                        <!--</div>-->
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="">Category</label>
                                <div class="input-group">
                                <span class="input-group-addon"><i style="color:black" class="fa fa-bars
                                    "></i></span>
                                    <select name="cata_id" id="cata_id" class="form-control select2"  required> 
                                        <option value="">---Select---</option>
                                    @foreach($categories as $category)
                                        <option value="{{ $category->cata_id }}">{{ $category->cata_name }}</option>
                                    @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                       
                        <div class="col-md-6">  
                            <div class="form-group">
                                <label for="">Brand Name</label>
                                <div class="input-group">
                                <span class="input-group-addon"><i style="color:black" class="fa fa-shirtsinbulk
                                    "></i></span>
                                    <!--<select name="brand_id" id="brand_id" class="form-control select2"  required> -->
                                    <!--     <option value="">---Select---</option> -->
                                    <!--@foreach($brands as $brand)-->
                                    <!--    <option value="{{ $brand->brand_id }}">{{ $brand->brand_name }}</option>-->
                                    <!--@endforeach-->
                                    <!--</select>-->
                                    
                                    <input autocomplete="off" list="brand_lists" name="brand_name" id="brand_name" class="form-control input-sm" placeholder="Choose or Create New">
                                    
                                    <datalist id="brand_lists">
                                        @foreach($brands as $brand)
                                            <option value="{{ $brand->brand_name }}">
                                        @endforeach
                                    </datalist>
                                </div>
                            </div>
                        </div>   
                        <div class="col-md-6">  
                            <div class="form-group">
                                <label for="">Item Image</label>
                                <input type="file" name="item_image" placeholder="" class="form-control input-sm" />
                                @if($errors->has('item_image'))
                                    <span class="text-danger">{{ $errors->first('item_image')}}</span>
                                @endif
                            </div> 
                        </div> 
                        
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="">Color</label>
                                <div class="input-group">
                                <span class="input-group-addon"><i style="color:black" class="fa fa-bars
                                    "></i></span>
                                    <!--<select name="color_id" id="color_id" class="form-control select2"  > -->
                                    <!--    <option value="">---Optional---</option>-->
                                    <!--@foreach($colors as $color)-->
                                    <!--    <option value="{{ $color->id }}"  @if(old('color_id')=="$color->name") selected @endif>{{ $color->name }}</option>-->
                                    <!--@endforeach-->
                                    <!--</select>-->
                                    <input list="color_lists" name="color_name" id="color_name" class="form-control input-sm" placeholder="Choose or Create New">
                                    
                                    <datalist id="color_lists">
                                        @foreach($colors as $color)
                                            <option value="{{ $color->name }}">
                                        @endforeach
                                    </datalist>
                                </div>
                            </div>
                        </div>
                    
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="">Size Range</label>
                                <div class="input-group">
                                <span class="input-group-addon"><i style="color:black" class="fa fa-bars
                                    "></i></span>
                                    <select name="size_range_id" id="size_range_id" class="form-control select2"  > 
                                        <option value="">---Optional---</option>
                                    @foreach($size_ranges as $size_range)
                                        <option value="{{ $size_range->id }}" @if(old('size_range_id')=="$size_range->id") selected @endif>{{ $size_range->size_range }}</option>
                                    @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">  
                            <div class="form-group">
                                <label for="">Short Description</label>
                                <input type="text" autocomplete="OFF" name="description" id="description"  placeholder="Short Description" class="form-control input-sm" />
                                @if($errors->has('description'))
                                    <span class="text-danger">{{ $errors->first('description')}}</span>
                                @endif
                            </div> 
                        </div>
                         
                        <!-- <div class="form-group">
                            <label for="">Opening Stock Quantity</label>
                            <input type="text" name="opening_stock_qty" placeholder="" class="form-control" Title="Number only" pattern="[0-9]+" required/>
                            @if($errors->has('opening_stock_qty'))
                                <span class="text-danger">{{ $errors->first('opening_stock_qty')}}</span>
                            @endif
                        </div> -->
                        <div class="col-md-6">  
                            <div class="form-group">
                                <label for="">Unit</label>
                                <select class="form-control select2" id="unit_id" name="unit_id" required="" required="">
                                      
                                        @foreach($units as $unit)
                                            <option value="{{ $unit->id }}">{{ $unit->name }}</option>
                                        @endforeach
                                  </select>
                                @if($errors->has('unit'))
                                    <span class="text-danger">{{ $errors->first('unit')}}</span>
                                @endif
                            </div> 
                        </div>
                        </div>
                        <div class="row">
                        <div class="col-md-6">  
                            <div class="form-group">
                                <label for="">Costing Rate Per Unit</label>
                                <input type="number" value="{{ old('costing_rate') }}" autocomplete="OFF" name="costing_rate" autocomplete="OFF" value="" class="form-control input-sm" />
                                @if($errors->has('costing_rate'))
                                    <span class="text-danger">{{ $errors->first('costing_rate')}}</span>
                                @endif
                            </div> 
                        </div>
                        <div class="col-md-6">  
                            <div class="form-group">
                                <label for="">Sales Price Per Unit</label>
                                <input type="number" value="{{ old('mrp') }}" autocomplete="OFF" name="mrp" autocomplete="OFF" value="" class="form-control input-sm" />
                                @if($errors->has('mrp'))
                                    <span class="text-danger">{{ $errors->first('mrp')}}</span>
                                @endif
                            </div> 
                        </div>
                        <div class="col-md-12"> 
                            <div class="form-group">
                                <button type="submit" name="action" value="save" class="btn btn-success">Save</button>
                                <button type="submit" name="action" value="save_and_close" class="btn btn-warning">Save &amp; Close</button>
                            </div>
                        </div>
                        </div>
                    </form>
                    
                </div>
            </div>
        </section>
    </div>
    <div class="col-md-6">
        <br>
        @if(Session::has('success'))
        <div class="alert alert-success" id="success">
            {{Session::get('success')}}
            @php
            Session::forget('success');
            @endphp
        </div>
        @endif
        
        @if(Session::has('delete'))
        <div class="alert alert-danger" id="delete">
            {{Session::get('delete')}}
            @php
            Session::forget('delete');
            @endphp
        </div>
        @endif
    </div>
</div>



@endsection