@extends('layouts.master')

@section('content')
<div class="container-fluid">
  <div class="page-header">
      <div class="row align-items-end">
          <div class="col-lg-8">
              <div class="page-header-title">
                  <i class="ik ik-codepen bg-blue"></i>
                  <div class="d-inline">
                      <h5>Pengambilan Product</h5>
                      <span>Form pengambilan card baru.</span>
                  </div>
              </div>
          </div>
          <div class="col-lg-4">
              <nav class="breadcrumb-container" aria-label="breadcrumb">
                  <ol class="breadcrumb">
                      <li class="breadcrumb-item">
                          <a href="{{ route('home') }}"><i class="ik ik-home"></i></a>
                      </li>
                      <li class="breadcrumb-item"><a href="{{ url('workorder') }}">Work Order</a></li>
                      <li class="breadcrumb-item active" aria-current="page">Pengambilan Product</li>
                  </ol>
              </nav>
          </div>
      </div>
  </div>

  <div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header"><h3>Form Pengambilan Card Baru</h3></div>
            <div class="card-body">
            @if($message = Session::get('error'))
               <div class="alert alert-danger alert-dismissible">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                  <strong>Whoopss!</strong> &nbsp;Ada error ketika input.<br/>
                  <ul>                    
                      <li>{{ $message }}</li>                    
                  </ul>
               </div>
              @endif
              
                <div class="border-bottom pb-4">                  

                  <div class="row mt-3">
                    <div class="col-6">
                      <label for="name" class="font-weight-bold">No RRCM</label>
                      <input type="text" class="form-control" id="no_rrcm" name="no_rrcm" value="{{ $rrcm->no_rrcm }}" readonly="readonly" />
                    </div>
                  </div>

                  <div class="row mt-3">
                    <div class="col-6">
                      <label for="name" class="font-weight-bold">Nama Teritory Manager</label>
                      <input type="text" class="form-control" id="name" name="name" value="{{ $rrcm->name }}" readonly="readonly" />
                    </div>
                    <div class="col-6">
                      <label for="area" class="font-weight-bold">Area</label>
                      <input type="text" class="form-control" id="area" name="area" value="{{ $rrcm->area }}" readonly="readonly"  />
                    </div>
                  </div>
                  </div><!-- // border-bottom pb-4 -->

                  <!-- table delivery per WO -->
                  @if(count($arr_delivery) > 0)                  
                  <div class="border-bottom pb-4">
                  <div class="row">
                   <div class="col-12">
                      <br/>                   
                      <h5>Tanggal Pengambilan Product</h5>                    
                    
                   <br/>
                    <table class="table table-hover" id="deliverylist">  
                      <thead>
                       <tr>
                        <th>No</th>
                        <th>Tanggal</th>
                        <th>Product</th>
                        <th>Serial Number Awal</th>
                        <th>Serial Number Akhir</th>
                        <th>Jumlah</th>      
                        <th>Penerima</th>      
                        <th>Logistik</th>      
                       </tr>
                      </thead>
                      <tbody>
                                              @foreach($arr_delivery as $key => $val)
                       
                        @if(count($val) > 1)
                         @for($i=0;$i<count($val);$i++)
                          @if($i == 0)
                          <tr>
                          <td>{{ $no }}</td>
                          <td rowspan="{{ count($val) }}">{{ $key }}</td>
                          <td>{{ $val[$i]['product'] }}</td>
                          <td>{{ $val[$i]['sn_start'] }}</td>
                          <td>{{ $val[$i]['sn_end'] }}</td>
                          <td>{{ $val[$i]['quantity'] }}</td>
                          <td>{{ $val[$i]['penerima'] }}</td>
                          <td>{{ $val[$i]['pemberi'] }}</td>
                          </tr>
                         @else
                         <tr>
                          <td>{{ $no }}</td>
                          <td>{{ $val[$i]['product'] }}</td>
                          <td>{{ $val[$i]['sn_start'] }}</td>
                          <td>{{ $val[$i]['sn_end'] }}</td>
                          <td>{{ $val[$i]['quantity'] }}</td>
                          <td>{{ $val[$i]['penerima'] }}</td>
                          <td>{{ $val[$i]['pemberi'] }}</td>
                          </tr>
                         @endif
                                                  @endfor
                        @else
                        @for($i=0;$i<count($val);$i++)
                        <tr>
                          <td>{{ $no }}</td>
                          <td>{{ $key }}</td>
                          <td>{{ $val[$i]['product'] }}</td>
                          <td>{{ $val[$i]['sn_start'] }}</td>
                          <td>{{ $val[$i]['sn_end'] }}</td>
                          <td>{{ $val[$i]['quantity'] }}</td>
                          <td>{{ $val[$i]['penerima'] }}</td>
                          <td>{{ $val[$i]['pemberi'] }}</td>
                          </tr>
                                                  @endfor
                        @endif                        
                       
                       @endforeach                       
                      </tbody>
                    </table>
                   </div>
                  </div>

                   <div class="row">
                    <div class="col-12">
                     <div class="alert alert-warning" role="alert">
                       <h6><i class="ik ik-alert-triangle ik-3x"></i>&nbsp;Sisa Product di Logistik</h6>
                      @foreach($remain as $key => $val)
                       <strong>{{ $key }} = {{ $val }}</strong><br/>
                      @endforeach
                      </div> 
                    </div>
                   </div>                   
                  @endif

                  <div class="border-bottom pb-4">

                    <form id="create_loading" method="POST" action="{{ route('rrcmal.post_delivery') }}">
                     @csrf  
                    <div class="row mt-3">                      
                        <div class="col-3">
                          <label for="delivery_type" class="font-weight-bold">Pengambilan</label>
                          <select class="custom-select" name="delivery_type" id="delivery_type">                          
                              <option value="">Pilih</option>    
                              <option value="all">Ambil Semua</option>
                              <option value="partial">Ambil Sebagian</option>
                            </select>
                        </div>                                          
                    </div> 

                    <div class="row mt-3">
                      <div class="col-4">
                      <label class="font-weight-bold">Serial Number yang akan diambil</label>
                      </div>
                    </div>

                    <div class="row mt-3">
                      <div class="col-12">
                        <table class="table table-borderless" id="productlist">  
                          <tbody>      
                          @foreach($remain as $key => $val)
                          <tr id="{{ $val['product_name'] }}">
                              <td sytle="width:5px;">
                                <input class="border-checkbox" type="checkbox" name="products[]" value="{{ $key }}" disabled="disabled" />&nbsp;
                                {{ strtoupper($key) }}
                              </td>
                              <td><input type="text" class="form-control element_delivery" name="sn_awal[]" placeholder="SN Awal..." disabled required="required"/></td>
                              <td><input type="text" class="form-control element_delivery" name="sn_akhir[]" placeholder="SN Akhir..." disabled required="required"/></td>                                                            
                              <td><input type="text" class="form-control element_delivery" name="jumlah[]" placeholder="Jumlah Kartu..." disabled required="required"/></td>
                              <td class="add_product_{{ $key }}" style="display:none;"><a href="javascript:void(0);" class="btn btn-success add_product" title="{{ $key }}"> 
                                  <i class="ik ik-plus"></i>&nbsp;{{ $key }}
                                  </a>
                              </td>                              
                            </tr>                            
                      @endforeach
                          
                       </tbody>
                      </table> 
                     </div>
                  </div>

                  <div class="row mt-3">
                      <div class="col-3">
                      <label class="font-weight-bold">Penerima</label>                      
                      <input type="text" class="form-control" name="penerima" id="penerima" placeholder="Nama" required="required"/>
                      </div>
                  </div>

                  <div class="col-12 mt-4 text-right">                      
                      <a href="{{ url('wo_card') }}" class="btn btn-light mr-4 border">Batal</a>                      
                      <button type="submit" class="btn btn-primary mr-2" id="simpan" disabled="disabled">Simpan</button>
                      <input type="hidden" name="idwo" value="{{ $idwo }}" >
                  </div>                                                  
                 </form> 

                </div><!-- //border-bottom pb-4 -->                            

            </div><!-- //card-body -->
        </div>
    </div>
  </div>
@endsection

@push('scripts')
<script>
 $(document).ready(function(){

  $('#delivery_type').change(function(){

    //tombol simpan 
    if($(this).val() !=""){
      $('#simpan').prop('disabled',false);
    }else{
      $('#simpan').prop('disabled',true);
    }

    //check box
    if($(this).val() =="partial"){
      $(':checkbox').each(function(){
        //$(this).prop('checked',false);
        $(this).prop('disabled',false);
      });
      
    }else{
      $(':checkbox').each(function(){
        $(this).prop('checked',false);
        $(this).prop('disabled',true);
      });
            
      $('.element_delivery').each(function(){
        $(this).prop('disabled',true);
      });
    }
  });

  $('.border-checkbox').change(function(){
        var this_tr = $(this).closest('tr'); //parent tr       
        var product = this_tr.attr('id'); 
        
        this_tr.find('.form-control').attr('disabled',!this.checked);        
        $('.clone_'+product).remove();
        this_tr.find('.add_product_'+product).toggle();

    });
    var x = 1;
    var addProduct = $('.add_product');

    $(addProduct).click(function(){
      var this_tr = $(this).closest('tr'); //parent tr        
      var product = this_tr.attr('id');
      x++;
      var fieldTd = '<tr class="'+product+'" id="row'+x+'">'+   
                    '<td>&nbsp;</td>'+                 
                    '<td><input type="text" class="form-control" name="sn_awal[]" placeholder="SN Awal..." required="required"/></td>'+
                    '<td><input type="text" class="form-control" name="sn_akhir[]" placeholder="SN Akhir..." required="required"/></td>'+                    
                    '<td><input type="text" class="form-control" name="jumlah[]" placeholder="Jumlah Kartu..." required="required"/></td>'+
                    '<td><a href="javascript:void(0);" class="remove_field" id="'+x+'" style="color:red; text-decoration:underline;">Hapus</a></td>'+
                    '<input type="hidden" name="products[]" value="'+product+'_'+x+'" />'+
                    '</tr>';
      
      var next_tr = $(this_tr).next("tr");
      var class_name_next_tr = $(next_tr).attr('class');
      var id_next_tr = $(next_tr).attr('id');
      console.log("class= "+class_name_next_tr);
      console.log("id = "+id_next_tr);
      if (class_name_next_tr === undefined){
        $(fieldTd).insertAfter(this_tr);
      }else{        
        $(fieldTd).insertAfter(next_tr);
      }                                    
      
    });

    $('#productlist').on('click','.remove_field',function(e){
        e.preventDefault();
        var button_id = $(this).attr('id');
        console.log("id hapus = "+button_id);
        $('#row'+button_id).remove();
        x--;
      });

    
 });
</script>
@endpush