@extends('layouts.main')
@section('section_title', 'نوێکردنەوەی کاڵاکان')

@section('content')


@php
$t_qty = 0;
$t_remain = 0;
@endphp 
 

<script src="assets/js/libs/jquery-3.1.1.min.js"></script>

<div class="col-lg-12 layout-spacing">
 
      <div class="statbox widget box box-shadow">
          <div class="widget-header">
              <div class="row">
                  <div class="col-xl-12 col-md-12 col-sm-12 col-12 custom_add_button">
                      <h4>دووبارە کڕینەوە</h4> 
                  </div>
              </div>
          </div>
           <div class="widget-content widget-content-area">
             
            <div class="row">
              <div class="col-8">
                <div class="product_info"><b>کۆدی کاڵا:</b> {{$product->id}}</div> 
                <div class="product_info"><b>ناوی کاڵا:</b> <a href="product/{{$product->id}}/edit" >{{$product->name}}</a> </div> 
                <div class="product_info"><b>کۆدی کارتۆن:</b> {{$product->code}}  </div> 
                <div class="product_info"><b>بڕی کارتۆن:</b> {{$product->pak_qty}}  </div> 
               
                <div class="product_info"><b>نرخی کڕین:</b> {{$product->p_price}}</div> 
                <div class="product_info"><b>نرخی فرۆشتن:</b> {{$product->s_price}}  </div>
                <div class="product_info"><b>نرخی کۆ:</b> {{$product->w_price}}  </div> 
 
                <div class="product_info"><b>دابینکەر:</b> {{$product->supplier}}  </div>
                 <div class="product_info"><b>بڕی بەردەست:</b> {{$product->qty}}</div> 
                 <div class="product_info" style="color:rgb(201, 97, 77)"><b>بڕی بەردەست پێش جەردی 6/2/2026:</b> {{$product->old_qty}}</div> 
                 <div class="product_info"><b>داغڵکراوە لە:</b> {{$product->created_at}}</div> 
              </div>
              <div class="col-4">
                @if(@$product->image)
                  <div class="row mt-4">
                  <div class="col-12 text-center">
                      <img src="https://www.dos-shop.com/{{str_replace('files/product_image','files/product_image/size_250/',$product->image)}}" class="avatar">
                  </div>  
                  </div>
                @endif
              </div>
          </div>
          

          <div class="mt-2">

           <span class="  mt-2    {{ @$product->locations->count() ? 'text-primary':'text-muted' }} view_location" data-id="{{ $product->id }}">
                <i class="las la-map-marked"  style="font-size:20pt"></i>
            </span>


            <div class=" d-inline web_product {{@$pod_web[$product->id]==1?'text-danger':'text-info'}} " data-id="{{ $product->id }}"> <i class="las la-globe" style="font-size:20pt"></i></div>

            <a href="./product/{{$product->id}}/sell" class="bs-tooltip font-20 text-success" title="" data-original-title="لە پسوڵەدا"><i class="las la-stream" style="font-size:20pt"></i></a>
 
          </div>

          </div>
 

          <div class="widget-content widget-content-area">
                 <div class="card-body">
                     <form class="needs-validation"
                    action="{{ @$pp->id ?  'product/'.$product->id.'/purchase/'.$pp->id.'/edit'  : 'product/'.$product->id.'/purchase' }}"
                    method="post">
                    @csrf
                    @method("PUT") 
                    
                    <table class="table ">
                      <tr> 
                        <th width="20">#</th> 
                        <th width="50">بڕ</th> 
                        <th width="140">نرخی کڕین</th>
                        <th width="140">نرخی فرۆشتن</th> 
                        <th width="140">نرخی کۆ</th> 
                        <th width="90">دابینکەر</th>
                        <th width="90">کۆنتێنەر</th>
                        <th width="200">داغڵکراوەلە</th>
                        <th>تێبینی</th>
                        <th width="80">کارەکان</th>
                      </tr>
                      @foreach($product_purchase as $item)
                       
                      @php
                      $t_qty += $item->qty;
                      $t_remain += $item->remain;
                      @endphp
                      <tr style="{{$item->id == @$pp->id ? 'background:#fffccd;' :''}} {{$item->inventory_id > 0 ? 'background:#ffcdf0;' :''}}"> 
                        <td>{{$item->id}}</td>
                        <td>{{$item->qty}}</td> 
                        <td>{{$item->p_price}}</td>
                        <td>{{$item->s_price}}</td> 
                        <td>{{$item->w_price}}</td> 
                        <td>{{$item->supplier}}</td>   
                        <td>{{@$item->container->code}}</td>   
                        <td>{{$item->created_at}}
                          @if($item->inventory_id > 0 ) 
                            جەردی <a href="{{ route('inventory.admin.show', $item->inventory_id) }}"><b>{{ @$item->inventory->name ?? $item->inventory_id }}</b></a> 
                          @endif
                        </td>   
                        <td>{!!$item->note!!}</td>   
                        <td class="text-center"> @if($item->inventory_history->count() ==0 )
                          <a href="product/{{ $product->id }}/purchase/{{ $item->id }}/edit"
                            class="bs-tooltip font-20 text-primary" title=""
                            data-original-title="دەستکاریکردن"><i class="las la-pen"></i></a>
                            {{-- &nbsp;
                            <a data-href="product/{{ $product->id }}/purchase/{{ $item->id }}/destroy" data-toggle="modal" data-target="#confirm-delete" class="bs-tooltip font-20 text-danger" title="" data-original-title="سڕینەوەی کارمەند"><i class="las la-trash"></i></a> --}}
                            @endif
                         </td> 
                      </tr>
                      @endforeach
                    
                      <tr> 
                        <td></td>
                        <td width="50"><input type="number" value="{{@$pp->qty}}" name="qty" placeholder="بڕ" class="qty product_recharge_input" style="width:70px" required></td>
                   
                  

                        <td><input type="number" value="{{@$pp->p_price ? $pp->p_price : $product->p_price}}" name="p_price" placeholder="کڕین" class="price_purchase product_recharge_input" style="width:120px"></td>
                        <td><input type="number" value="{{@$pp->s_price? $pp->s_price : $product->s_price}}" name="s_price" placeholder="فرۆشتن" class="price_sell product_recharge_input" style="width:120px" required><b class="percent"></b></td>
                        <td><input type="number" value="{{@$pp->w_price? $pp->w_price : $product->w_price}}" name="w_price" placeholder="کۆ" class="price_sell product_recharge_input" style="width:120px" required></td>

                        <td><input type="text" value="{{@$pp->supplier ? $pp->supplier : $product->supplier}}" name="supplier" style="width:150px" placeholder="دابینکەر" class="product_recharge_input" >
                        </td>    
                        <td colspan="3">
                          <input type="text" value="{{@$pp->note}}" name="note" style="width:100%" placeholder="تێبینی" class="product_recharge_input" >
                        </td>
                        <td> 
                          <button class="btn btn-primary" style="padding:5px 5px;font-size:9pt;">پاشەکەوتکردن</button>
                         </td> 
                      </tr>

                    </table>
                  </form> 
              </div>
          </div>

      </div> 
</div>
 
<script>
  $(document).ready(function(){

      $(document).on('click', '.view_location', function(e) {  
          loadProductModal($(this).data('id'));
      });

    // Load product modal with AJAX
      function loadProductModal(productId) {
          $('#locationModal').modal('show');
          $('#modalContent').html('<div class="text-center py-5"><i class="las la-spinner la-spin" style="font-size: 48px;"></i><p>تکایە چاوەڕێبە...</p></div>');
          
          $.ajax({
              url: '{{ url("mobile/locations/product") }}/' + productId,
              type: 'GET',
              success: function(response) {
                  $('#modalContent').html(response);
              },
              error: function() {
                  $('#modalContent').html('<div class="alert alert-danger">هەڵەیەک ڕوویدا. تکایە دووبارە هەوڵبدەوە.</div>');
              }
          });
      }


      $('#confirm-delete').on('show.bs.modal', function(e) {
          $(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
      });



        $(document).on('click', '.web_product', function () {
 
          var id = $(this).data('id'); 
          $.ajax({
              headers: {
                  'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
              },
              url: "./product/feed",
              type: "POST",
              data: {
                  type: 'web_get_info',
                  id: id, 
              },
              async: false,
              success: function(response, textStatus, jqXHR) {
                  
                  var json = $.parseJSON(response);
                  if(json){
                      $('#webModal').modal('toggle');
                  }else{
                      alert('لە وێبسایتەکەدا نیە!');
                  }
                  $('.web_input_arabic').val(json['arabic']);
                  $('.web_input_kurdish').val(json['kurdish']);
                  $('.web_input_price').val(json['price']); 
                  $('.web_input_old_price').val(json['old_price']); 
                  $('.web_input_select option[value='+json['unit']+']').attr('selected','selected');
                  $('.web_input_select option[value='+json['unit']+']').attr('selected','selected');
                  if(json['active']==0){
                      $('.web_input_active_yes').prop("checked", true);
                  }else{
                      $('.web_input_active_no').prop("checked", true);
                  }


                  if(json['not_delivery']==0){
                      $('.delivery_input_active_yes').prop("checked", true);
                  }else{
                      $('.delivery_input_active_no').prop("checked", true);
                  }

                  $('.web_input_reorder').prop("checked", false);
                  
                  $('.web_update').data('id',id);
              },
              error: function(jqXHR, textStatus, errorThrown) {
                  console.log(errorThrown);
              }
          });

          });


          $(document).on('click', '.web_update', function () {

          var arabic = $('.web_input_arabic').val();
          var kurdish = $('.web_input_kurdish').val();
          var unit = $('.web_input_select').val();
          var price = $('.web_input_price').val();
          var old_price = $('.web_input_old_price').val();
          var active = $('.web_input_active:checked').val();
          var not_delivery = $('.not_delivery:checked').val();
          var reorder = $('.web_input_reorder:checked').val();
          var id = $(this).data('id'); 

          $.ajax({
              headers: {
                  'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
              },
              url: "./product/feed",
              type: "POST",
              data: {
                  type: 'web_update',
                  id: id, 
                  arabic: arabic,
                  unit: unit,
                  price: price,
                  active: active,
                  reorder: reorder,
                  old_price : old_price,
                  not_delivery : not_delivery,
                  kurdish: kurdish,
              },
              async: false,
              success: function(response, textStatus, jqXHR) {
                  console.log(response);

                  $('#webModal').modal('toggle');

                  location.reload();  
                  
              },
              error: function(jqXHR, textStatus, errorThrown) {
                  console.log(errorThrown);
              }
          });

          });




  });
</script>

<div class="modal fade" id="webModal" tabindex="-1" role="dialog" aria-labelledby="webModalLbl"
aria-hidden="true">
<div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="webModalLbl">کاڵاکە لەوێبسایت</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <i class="las la-times"></i>
            </button>
        </div>
        <div class="modal-body"> 
            <p>
                <table cellpadding=3 style="width:100%">
                    <tr>
                        <td width="150">نیشاندانی کاڵا</td>
                        <td>
                            <label class="web_input_radio_yes">
                                <input type="radio" name="web_active" class="web_input_active web_input_active_yes" value="yes">
                                <b>بەڵێ</b>
                            </label>

                            <label class="web_input_radio_no">
                                <input type="radio" name="web_active" class="web_input_active web_input_active_no" value="no">
                                <b>نەخێر</b>
                            </label>
                        </td>
                    </tr>
                    <tr>
                        <td>ناوی کاڵا کوردی</td>
                        <td><input type="text" name="" class="web_input_text web_input_kurdish"></td>
                    </tr>
                    <tr>
                        <td>ناوی کاڵا عەرەبی</td>
                        <td><input type="text" name="" class="web_input_text web_input_arabic"></td>
                    </tr>
                    <tr>
                        <td>نرخی فرۆشتن</td>
                        <td>
                            <input type="number" max="10" min=1 name="" class="web_input_text web_input_price" style="width: 100px"> 
                            <select  name="unit" class="web_input_select" disabled> 
                                <option value="dana" >دانە</option>
                                <option value="dasta" >دەستە</option>
                                <option value="set" >سێت</option>
                                <option value="darzan" >دەرزەن</option>
                                <option value="karton">کارتۆن</option>
                                <option value="parcha">پارچە</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>نرخی پێشتر</td>
                        <td>
                            <input type="number" max="10" min=1 name="" class="web_input_text web_input_old_price" style="width: 100px"> 
                         </td>
                    </tr>
                    <tr>
                        <td width="150">گەیاندن</td>
                        <td>
                            <label class="web_input_radio_yes">
                                <input type="radio" name="delivery_active" class="not_delivery delivery_input_active_yes" value="yes">
                                <b>بەڵێ</b>
                            </label>

                            <label class="web_input_radio_no">
                                <input type="radio" name="delivery_active" class="not_delivery delivery_input_active_no" value="no">
                                <b>نەخێر</b>
                            </label>
                        </td>
                    </tr>

                    <tr valign=top>
                        <td>هێنانە پێشەوە</td>
                        <td >
                            <label>
                            <input type="checkbox" class="web_input_reorder" value="yes">
                            <b>هێنانە پێشەوە</b>
                            </label>
                        </td>
                    </tr>
                </table>
            </p>
         
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal"><i class="flaticon-cancel-12"></i> داخستن</button>
            <button type="button" class="btn btn-primary web_update" data-id="">پاشەکەوت</button>
           
        </div>
    </div>
</div>
</div>



<!-- Location Modal -->
<div class="modal fade" id="locationModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title">دیاریکردنی شوێنی کاڵا</h6>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-body" id="modalContent">
                <div class="text-center py-5">
                    <i class="las la-spinner la-spin" style="font-size: 35px;"></i>
                    <p>تکایە چاوەڕێبە...</p>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
      <div class="modal-content">
          <div class="modal-header">
              سڕینەوە
          </div>
          <div class="modal-body">
              ئایا ڕازیت ئەم کڕینە بسڕیتەوە؟
          </div>
          <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">نەخێر</button>
              <a class="btn btn-danger btn-ok">بەڵێ</a>
          </div>
      </div>
  </div>
</div>
@endsection