@extends('page')

@section('content')


<!-- Content Header (Page header) -->
  <section class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1>Edit Order # {{$order->id}}</h1>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="{{ route('orders.index') }}">List Orders</a></li>
            <li class="breadcrumb-item active">Order Details</li>
          </ol>
        </div>
      </div>
    </div><!-- /.container-fluid -->
  </section>

  @if (count($errors) > 0)
    <div class="alert alert-danger">
        <strong>Whoops!</strong> There were some problems with your input.<br><br>
        <ul>
        @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
        @endforeach
        </ul>
    </div>
  @endif

<!-- Main content -->
  <section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-9">
          <div class="card card-info  card-outline">
            <!-- /.card-header -->
            {!! Form::model($order, ['method' => 'PATCH','route' => ['orders.update', $order->id],'files'=> true]) !!}

              @php $x     = 1; @endphp
              @if($order->products)
                @if($order->order_placed == Auth::user()->id)
                  <div class="card-body input_fields_wrap">     
                    <div class="row" style="padding: 1.25rem 1.25rem 0 1.25rem;">
                    <div class="col-sm-6 col-md-6 col-xs-6">
                      <label>Product Name:<span class="form-compulsory"> * </span></label>
                    </div>
                    <div class="col-sm-5 col-md-5 col-xs-5">
                      <label>Label Count:<span class="form-compulsory"> * </span></label>
                    </div>
                  </div> 
                  @foreach($order->products as $dkey =>  $details)
                    
                      <div class="row">
                        <div class="col-xs-6 col-sm-6 col-md-6">
                          <div class="form-group">
                            <input placeholder="Product Name" disabled class="form-control form-control-sm product-name" id="p_name{{$x}}" name="product_name[]" type="text" autocomplete="off" value="{{$details->products->product_name}}" >
                          </div>
                        </div>
                        <div class="col-xs-5 col-sm-5 col-md-5">
                          <div class="form-group">
                            <input placeholder="Label Count" class="form-control form-control-sm product-label" id="prid{{$x}}" name="label_count[]" value="{{$details->label_count}}" type="number" min="1">
                            <input type="hidden" name="product_id[]" class="product_ids" value="{{$details->products->id}}"></div>
                          </div>
                          <div class="col-xs-1 col-sm-1 col-md-1 text-right"> <div class="form-group remove_field">
                                <i class="fa fa-minus fa-1x" aria-hidden="true"></i>
                              </div></div>
                      </div>
                      @php $x++; @endphp                  
                  @endforeach
                @else
                    <table class="table table-bordered table-striped dataTable dtr-inline" cellspacing="0"  width="100%">
                    <thead> 
                      <tr>
                        <th>#</th>
                        <th>Product Name</th>
                        <th>Label Count</th>
                      </tr>
                    </thead>
                      @foreach($order->products as $dkey =>  $details) 
                            <tbody>
                              <tr>
                                <td>{{$x}}</td>
                                <td>
                                  <div class="List_product_box">
                                      <div class="Product_image">
                                          <img height="50px" src="{{asset('../storage/app/images/'.$details->products->product_image)}}">
                                      </div>
                                      <div class="product_details">
                                          <div class="p_titles"><h4>{{$details->products->product_code}}</h4>|<h4>{{$details->products->product_name}}</h4></div>
                                          <p>{{$details->products->description}}</p>
                                      </div>
                                  </div>
                                  
                                </td>
                                <td><img height="50px" src=""></td>
                                <td>{{$details->label_count}}</td>
                              </tr>

                            </tbody>
                      @php $x++; @endphp
                      @endforeach
                </table>                     
                @endif
              @endif

              @if($order->order_placed == Auth::user()->id)
              <div class="row " >
                  <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="form-group">
                          
                          {!! Form::text('product_name[]', null, array('placeholder' => 'Product Name','class' => 'form-control form-control-sm product-name', 'id' => 'tags_create')) !!}
                          
                          <span style="display:none; color: red;" id="product_error_msg"></span>
                      </div>
                  </div>
                  <div class="col-xs-5 col-sm-5 col-md-5">
                      <div class="form-group">
                          {!! Form::number('label_count[]', null, array('placeholder' => 'Label Count','class' => 'form-control form-control-sm product-label', 'id' => 'label_count', 'min'=>"1")) !!}
                          <input name="product_id[]" type="hidden" id= 'product_id'>

                        <span style="display:none; color: red;" id="label_count_msg">Please Choose Label Count</span>
                      </div>
                  </div>
                  <div class="col-xs-1 col-sm-1 col-md-1 text-right">
                      <div class="form-group  add_field_button">
                          <i class="fa fa-plus" aria-hidden="true"></i>
                      </div>
                  </div>
              </div>          
            </div>
            @endif
              <div class="row card-body submit-section">
                  @if($company->id ==  $order->company_id)
                    <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="form-group">
                          <label>Verifier:<span class="form-compulsory"> * </span></label>
                          @php $temp_verifier    = []; @endphp
                          @foreach($verifiers as $id => $verifier)
                            @php $temp_verifier[$verifier->id]   = $verifier->name @endphp
                          @endforeach
                          {!! Form::select('verifier', $temp_verifier, $order->userVerifier->id ,array('class' => 'form-control form-control-sm')) !!}
                      </div>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="form-group">
                          <label>Approver:<span class="form-compulsory"> * </span></label>
                          @php $temp_approver    = []; @endphp
                          @foreach($approvers as $id => $approver)
                            @php $temp_approver[$approver->id]   = $approver->name @endphp
                          @endforeach
                          {!! Form::select('approver', $temp_approver, $order->approver->id ,array('class' => 'form-control form-control-sm')) !!}
                          <input type="hidden" id= 'product_id'>
                      </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12" style="float:left;">
                        <div class="form-group">
                            <label>Note</label>
                            {!! Form::textarea('order_note', $order->note, array('placeholder' => 'Order Note','class' => 'form-control form-control-sm', 'id' => 'tags_create', 'rows' => '2')) !!}
                        </div>
                    </div>
                  @else
                    <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="form-group">
                          <label>Verifier:<span class="form-compulsory"> * </span></label>
                          @php $temp_verifier    = []; @endphp
                          @foreach($verifiers as $id => $verifier)
                            @php $temp_verifier[$verifier->id]   = $verifier->name @endphp
                          @endforeach
                          {!! Form::select('verifier', $temp_verifier, ($order->companyVerifier?$order->companyVerifier->id:'') ,array('class' => 'form-control form-control-sm')) !!}
                      </div>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="form-group">
                          <label>Approver:<span class="form-compulsory"> * </span></label>
                          @php $temp_approver    = []; @endphp
                          @foreach($approvers as $id => $approver)
                            @php $temp_approver[$approver->id]   = $approver->name @endphp
                          @endforeach
                          {!! Form::select('approver', $temp_approver, ($order->companyApprover? $order->companyApprover->id : '') ,array('class' => 'form-control form-control-sm')) !!}
                          <input type="hidden" id= 'product_id'>
                      </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12" style="float:left;">
                        <div class="form-group">
                            <label>Note</label>
                            {!! Form::textarea('order_note', ($order->company_order_note?$order->company_order_note:''), array('placeholder' => 'Order Note','class' => 'form-control form-control-sm', 'id' => 'tags_create', 'rows' => '2')) !!}
                        </div>
                    </div>
                  @endif


                   <div class="col-xs-12 col-sm-12 col-md-12 text-left"> 
                      @if($company->id ==  $order->company_id)
                        <button type="submit" class="btn btn-primary text-left">Update</button>
                      @else
                        <input type="submit" name="order_update_company" class="btn btn-primary" value="Submit">
                      @endif
                  </div>
              </div>
            {!! Form::close() !!}
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <div class="col-3">
          @include('components.dashboard.vertical')
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
  <script>

  $(document).ready(function() {
      var max_fields = '{{count($products)+1}}'; //maximum input boxes allowed
      var wrapper = $(".input_fields_wrap"); //Fields wrapper
      var add_button = $(".add_field_button"); //Add button ID

      var x = '{{$x}}'; //initlal text box count
      var availableAttributes = <br />
<b>Warning</b>:  Undefined variable $products in <b>/home/getorigin/public_html/resources/views/orders/editold.blade.php</b> on line <b>225</b><br />
null;

      $(add_button).click(function (e) { //on add input button click
            e.preventDefault();
            $('#label_count_msg').hide();
            $('#product_error_msg').hide();

            if (x < max_fields) {
                
                var p_name          = $('#tags_create').val();
                var p_id            = $('#product_id').val();
                var p_label_count   = $('#label_count').val();

                if(p_name== ''){
                    $('#product_error_msg').html('Please Choose a Product!');                    
                    $('#product_error_msg').show();
                    return;
                }
                if(p_label_count < 1){
                    $('#label_count_msg').show();
                    return;
                }
                var choosed_products= 0;
                $('.product_ids').each(function (){
                  if(this.value == p_id){
                      choosed_products++;
                  }                  
                })
                if(choosed_products > 0){

                  $('#product_error_msg').html('Product Already Choosed!');
                  $('#product_error_msg').show();

                  return;
                }
                if(x == 1){
                  
                  //$('.users-selection').parent().parent().show();
                }
                x++;
                var el = '<div class="row"><div class="col-xs-6 col-sm-6 col-md-6"><div class="form-group"><input placeholder="Product Name" disabled class="form-control form-control-sm product-name" id="p_name' + (x - 1) + '" name="product_name[]" type="text" autocomplete="off" value="'+p_name+'" ></div></div><div class="col-xs-5 col-sm-5 col-md-5"><div class="form-group"><input placeholder="Label Count" class="form-control form-control-sm product-label" id="prid' + (x - 1) + '" name="label_count[]" value="'+p_label_count+'" type="number" min="1"><input type="hidden" name="product_id[]" class="product_ids" value="'+p_id+'"></div></div><div class="col-xs-1 col-sm-1 col-md-1 text-right"> <div class="form-group remove_field"> <i class="fa fa-minus fa-1x" aria-hidden="true"></i></div ></div></div>';

                $('#tags_create').val('');
                $('#product_id').val('');
                $('#label_count').val('');
                $(wrapper).prepend(el);
            }
        });

   
      $(wrapper).on("click", ".remove_field", function(e) { //user click on remove text
          e.preventDefault();
          $(this).parent().parent('div').remove();
          x--;
      })

      
      $( function() {
          var products              = [];
            var availableAttributes = <br />
<b>Warning</b>:  Undefined variable $products in <b>/home/getorigin/public_html/resources/views/orders/editold.blade.php</b> on line <b>284</b><br />
null;
            var image_url           = '{{asset("../storage/app/images/")}}';
            $.each(availableAttributes, function( index, value ) {
                products.push({
                  id            : value.id,
                  label         : value.product_name+'|<span style="font-size:10px;"><b>'+value.product_code+'</b></span>',
                  p_name        : value.product_name,
                  desc          : value.description,
                  code          : value.product_code,
                  image         : image_url+'/'+value.product_image,
                }); 
            });
          
          $( "#tags_create" ).autocomplete({
            minLength: 1,
            source: products,
            focus: function( event, ui ) {
              $( "#tags_create" ).val( ui.item.p_name );
              return false;
            },
            select: function( event, ui ) {
                $('#tags_create').val(ui.item.p_name);
                $('#product_id').val(ui.item.id);
                if($(".product-name").length >= 1){
                  $('.users-selection').parent().parent().show();
                  $('.hidden_section').show();

                }
                return false;
            },
            open: function() {
              $("ul.ui-menu").width( $(this).innerWidth() );
            } 
          })
          .autocomplete( "instance" )._renderItem = function( ul, item ) {
            return $( "<li>" )
              .append('<div class="row"><div class="col-md-2" style="float:left"><img src="'+item.image+'" width="60" style="border-radius:5px;"/></div> <div class="col-md-10" style="float:left"><span><b>'+item.label+'</b></span ><div style="font-size:13px;">'+item.desc+'</div> </div></div> ')
              .appendTo( ul );
          };
        } );
      

        $('.users-selection').click(function(e) {
            e.preventDefault();
            if($(".product-name").last().val() != ''){
              if($(".product-label").last().val() == ''){
                alert('Please Add Label Count');
                return;
              }
            }

            var p_name          = $('#tags_create').val();
            if(p_name == ''){
              $('#product_id').val('');
            }

            var p_id            = $('#product_id').val();
            var p_label_count   = $('#label_count').val();

                  var choosed_products= 0;
            $('.product_ids').each(function (){
              if(this.value == p_id){
                  choosed_products++;
              }                  
            })
            if(choosed_products > 0){
              alert('Product Already Choosed!');
              return;
            }

            var product_flag    = 0;
            $('.product-name').each(function (){
              if($(this).val() == '' ){
                if(!$(this).attr('id') == 'tags_create'){
                  alert('Choose a Product');
                  $(this).focus();
                  product_flag++;
                  return;
                }
                //break;
              }
            });
            if(product_flag == 0){
              $('#product_form').submit();
            }
            
        });
    });
  </script>
@endsection