@extends('layouts.app')
@section('title') {{'Sales Details'}} @endsection
@section('content')


    <script type="text/javascript">
        var i='{!! count($sale_details)+1 !!}';
        function add_requisition()
        {

            var name = $( "#product_id" ).val();
            var qty = $( "#quantity" ).val();
            var id_name = name.split("=");

            offi_html ='<tr id="tr_'+i+'">';
            offi_html +='<td>'+id_name[1]+' <input type="hidden" name="product[]" value="'+id_name[0]+'" > </td>';
            offi_html +='<td>'+qty+' pcs <input type="hidden" name="quantity[]" value="'+qty+'" > </td>';
            offi_html +='<td> <td> <a href="javascript:remove_requisition('+i+');"  class="btn btn-warning pull-left">Remove</a> </td> </td>';
            offi_html +='</tr>';
            i++;
            $("#RequisitionDiv").append(offi_html);
        }

        function remove_requisition(tr_id)
        {
            var cnf = confirm('Are you sure you want to delete?');
            if(cnf==true)
            {
                $( "#tr_"+tr_id ).remove();
            }
        }

        function CheckFormSubmission()
        {
            var txn_date = $( "#txn_date" ).val();
            if(txn_date==''){
                alert("Please enter Txn. date"); return false;
            }
            $( "#p_date" ).val(txn_date);

            var invoiceNo = $( "#invoiceNo" ).val();
            if(invoiceNo==''){
                alert("Please enter invoice No."); return false;
            }
            $( "#invoice_no" ).val(invoiceNo);

            var cnf = confirm('Are you sure you want to submit?');
            if(cnf==true)
            {
                return true;
            } else {
                return false;
            }
        }

    </script>


    <div class="col-md-12">
        <div class="panel panel-default">
            <div class="panel-heading"> Sales Details 
                <a href="{{ url('/sales') }}" class="pull-right"> Back to Sales List </a>
            </div>

            <div class="panel-body">

                @if(count($errors)>0)
                    @foreach($errors->all() as $error)
                        {{$error}}
                    @endforeach
                @endif

                <div class="form-group">
                    
                    <div class="col-md-2">
                        Sales Date
                        <input id="txn_date" type="text" class="form-control" name="txn_date" value="{!! $sale_details[0]->s_date !!}" required >
                    </div>
                    
                    <div class="col-md-2">
                        Invoice No.
                        <input type="text" readonly="" id="invoiceNo" class="form-control" name="invoice_no" value="{!! $sale_details[0]->invoice_no !!}" required >
                    </div>

                    <div class="col-md-3">
                        Select Product Name
                        <select name="product_id" id="product_id" class="form-control selectpicker" data-live-search="true">
                            <option value=""> Select </option>
                            @if(isset($product_list))
                                @foreach($product_list as $val)
                                    <option value="{{ $val->id.'='.$val->style_name }}"  @if(isset($item->product_id) && $item->product_id == $val->id) selected="selected" @endif >{{ $val->style_name }} </option>
                                @endforeach
                            @endif
                        </select>
                    </div>
           
                    <div class="col-md-2">
                        Quantity
                        <input id="quantity" type="text" class="form-control" name="quantity" value="@yield('quantity')" required >
                    </div>
                    <div class="col-md-2"> <br> &nbsp;
                        <span onclick="add_requisition();" class="btn btn-primary pull-left"> Add </span>
                    </div>
                </div>



                <div class="form-group">
                    <form action="{{ url('/sales/'.$sale_details[0]->invoice_no) }} " method="POST" onsubmit="return CheckFormSubmission()" >
                        @section('editMethod')
                        @show
                        <table id="myTable" class="table table-striped table-hover">
                            <thead>
                            <tr>
                                <th> Product Name </th>
                                <th> Quantity </th>
                                <th> Action </th>
                            </tr>
                            </thead>
                            <tbody id="RequisitionDiv">
                            @php $i=0; @endphp
                            @if(isset($sale_details))
                                @foreach($sale_details as $val)
                                    @php $i++; @endphp
                                    <tr id="tr_{!! $i !!}">
                                        <td> {!! $val->style_name !!} <input type="hidden" name="product[]" value="{!! $val->product_id !!}" > </td>
                                        <td> {!! $val->quantity !!} pcs <input type="hidden" name="quantity[]" value="{!! $val->quantity !!}" > </td>
                                        <td> <td> <a href="javascript:remove_requisition('{!! $i !!}');"  class="btn btn-warning pull-left">Remove</a> </td> </td>
                                    </tr>
                                @endforeach
                            @endif
                            </tbody>
                        </table>

                        <button type="submit" class="btn btn-success">Submit</button>
                        <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
                        {{method_field('PUT')}}
                        <input type="hidden" name="p_date" id="p_date" value="{!! $sale_details[0]->s_date !!}"/>
                        <input type="hidden" name="invoice_no" id="invoice_no" value="{!! $sale_details[0]->invoice_no !!}"/>

                    </form>
                </div>

            </div>
        </div>
    </div>
<script>
  jQuery( function($) {
    $( "#txn_date" ).datepicker(
        {
  dateFormat: "yy-mm-dd"
}
        );
  } );
  </script>

@endsection