@section('title','Purchase Order - POS')
@extends('layouts.master')
@section('style')
{{-- {{Html::style('assets/public_css/index.css')}} --}}
<style>
td form {
  display: inline-block;
}
.right_side_panel {
  background: #999;
  padding: 15px 7px;
  color: #fff;
}
.sales_price{
  display: none;
}

.btn-transparent.active {
  border-color: #6692B0;
  background-color: #6692B0;
  color: #FFF;
}
td form {
  display: inline-block;
}
.right_side_panel {
  background: #999;
  padding: 15px 7px;
  color: #fff;
}
.product-name {
  font-size: 17px;
  font-weight: bold;
}
.single-product .media {
  position: relative;
}
.single-product .media[aria-expanded='false'] .arrow:before {
  content: "\f105";
  font-family: 'FontAwesome';
  position: absolute;
  left: 0px;
  top: 0px;
  color: #555;
  font-size: 16px;
}
.single-product .media[aria-expanded='true'] .arrow:before {
  content: "\f107";
  font-family: 'FontAwesome';
  position: absolute;
  left: -3px;
  top: 0px;
  color: #555;
  font-size: 16px;
}
#selected_customer {
  padding: 10px;
}
#selected_customer .customer_link {
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}

/* table style start */
.table td {
  padding: 0;
}
.table td input {
  width: 100%;
}
/* table style end */
.table td input {
  width: 100%;
  border: 0;
  text-align: center;
  padding: 0 6px;
}

/* modal style start */
.modal-header {
  border-bottom: 0;
  padding-bottom: 0;
}
.info-heading .title {
  border-bottom: 1px solid #ddd;
}
.info-heading .info .lebel {
  color: #6692B0;
}
/* modal style end */
.card.shadow {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
</style>
@endsection


@section('content')


<div class="page-wrapper">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-6">
        <button type="button" class="btn btn-transparent default_btn active" style="margin-right: 5px;"><i class="fa fa-check-circle" aria-hidden="true"></i> {{trans('label.Default')}} <span class="inner-badge transparent-btn"> Alt+N</span></button>
        <button type="button" class="btn btn-transparent barcode_btn"><i class="fa fa-barcode"></i> {{trans('label.Barcode')}} <span class="inner-badge transparent-btn">Alt+b</span></button>
      </div>
      <div class="col-md-6">
        <a href="{{ url('purchase-invoice')}}" class="btn btn-success pull-right">{{trans('label.Product Recieved List')}}</a>
      </div>

      <div class="col-md-12 mt-2">
         @if (Session::has('message'))
          <h6 style="background: #20c997; color: #fff; text-align: center; padding: 5px; border-radius: 5px;">{{ Session::get('message') }}</h6>
      @endif
        <div class="card shadow">
          <div class="card-body">

            @include('purchase-order.manual_added_form')
            @include('purchase-order.barcode_added_form')
            @include('purchase-order.add_product')
          </div>
        </div>
      </div>
    </div>
  </div>
</div>



@endsection


@section('script')

<!--stickey kit -->
{{Html::script('assets/js/sticky-kit.min.js')}}
{{Html::script('assets/js/jquery.sparkline.min.js')}}
<!-- This is data table -->
{{Html::script('assets/js/jquery.dataTables.min.js')}}
<!-- start - This is for export functionality only -->
{{Html::script('assets/js/dataTables.buttons.min.js')}}
{{Html::script('assets/js/buttons.flash.min.js')}}
{{Html::script('assets/js/jszip.min.js')}}
{{Html::script('assets/js/pdfmake.min.js')}}
{{Html::script('assets/js/vfs_fonts.js')}}
{{Html::script('assets/js/buttons.html5.min.js')}}
{{Html::script('assets/js/buttons.print.min.js')}}
{{Html::script('assets/custom_js/crud.js')}}

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">


<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
{{Html::script('assets/custom_js/purchase_order.js')}}
{{Html::script('assets/custom_js/add_more.js')}}

<script>
  $(document).ready(function($) {
    $( ".datepicker" ).datepicker({
      changeMonth: true,
      changeYear: true,
      dateFormat : 'yy-mm-dd'
    }).datepicker("setDate", new Date());
  });
</script>
@endsection