@extends('layouts.master')

@section('content')

<div class="page-header mb-3">

    <div class="row">

        <div class="col-lg-12 col-md-12 col-12">

            <ul class="breadcrumb">

                <li class="breadcrumb-item">

                    <a href="#">{{ $title }}</a>

                </li>

                <li class="breadcrumb-item active">{{ $subtitle }}</li>

            </ul>

        </div>

    </div>

</div>

<div class="row">

    <div class="col-lg-8 col-12">

      <div class="card mb-4">

        <div class="card-body">

            <form action="{{ route('transaksi-in/updated') }}" method="POST" enctype="multipart/form-data">

            @method('patch')

            @csrf

            <div class="row">

                <div class="col-xl-5">

                    <div class="form-group mb-2">

                        <label class="form-label">Tanggal Transaksi<a class="text-danger">*</a></label>

                        <input type="hidden" name="id" value="{{ $produk->id }}">

                        <input type="date" name="tanggal_trans" value="{{ $produk->tanggal_trans }}" class="form-control"/>

                    </div>

                </div>

                <div class="col-xl-7">

                    <div class="form-group mb-2">

                        <label class="form-label">Kode Transaksi<a class="text-danger">*</a></label>

                        <input type="text" name="transaksi_code" value="{{ $produk->transaksi_code }}" class="form-control" readonly/>

                    </div>

                </div>

            </div>

            <div class="row">

                <div class="col-xl-5">

                    <div class="form-group mb-2">

                        <label class="form-label">Nama Produk<a class="text-danger">*</a></label>

                        <select class="form-select select2" name="produk_id" id="name">

                        <option value="{{ $produk->produk_id }}">{{ $produk->name_product }}</option>

                        @foreach ($productList as $item)

                        <option value="{{ $item->id }}" data-product_code={{ $item->product_code }} data-quantity={{ $item->quantity }} 

                            data-categori_id={{ $item->categori->name_categori }} data-brand_id={{ $item->brand->name_brand }} data-unit_id={{ $item->unit->name_unit }}>{{ $item->name_product }}</option>

                        @endforeach

                        </select>

                    </div>

                </div>

                <div class="col-xl-4">

                    <div class="form-group mb-2">

                        <label class="form-label">Kode Produk<a class="text-danger">*</a></label>

                        <input type="text" name="product_code" id="product_code" value="{{ $produk->product_code }}" class="form-control" readonly />

                    </div>

                </div>

                <div class="col-xl-3">

                    <div class="form-group mb-2">

                        <label class="form-label">Stok<a class="text-danger">*</a></label>

                        <input type="text" name="stok_awal" id="quantity" value="{{ $produk->stok_awal }}" class="form-control" readonly />

                    </div>

                </div>

            </div>

          </div>        

      </div>

      <div class="card mb-4">

            <div class="card-body">

                <div class="row">

                    <div class="col-xl-5">

                        <div class="form-group mb-2">

                            <label class="form-label">Nama Supplier<a class="text-danger">*</a></label>

                                <div class="input-group">

                                    <select class="form-select select2" name="supplier_id" id="supplier">

                                        <option value="{{ $produk->supplier_id }}">{{ $produk->name }}</option>

                                            @foreach ($supplierList as $item)

                                                <option value="{{ $item->id }}" data-email={{ $item->email }} data-hp={{ $item->hp }}>{{ $item->name }}</option>

                                            @endforeach

                                    </select>

                                    <div class="input-group-append">

                                        <button class="btn btn-primary" type="button"><a href="{{ route('supplier/create') }}" class="text-white">Tambah</a></button>

                                    </div>

                                </div>

                        </div>

                    </div>

                    <div class="col-xl-4">

                        <div class="form-group mb-2">

                            <label class="form-label">Email<a class="text-danger">*</a></label>

                            <input type="text" name="email" id="email" value="{{ $produk->email }}" class="form-control" readonly />

                        </div>

                    </div>

                    <div class="col-xl-3">

                        <div class="form-group mb-2">

                            <label class="form-label">Telepon<a class="text-danger">*</a></label>

                            <input type="text" name="hp" id="hp" value="{{ $produk->hp }}" class="form-control" readonly />

                        </div>

                    </div>

                </div>     

            </div>

      </div>

    </div>

    <div class="col-sm-4">

        <div class="card">

          <div class="card-body">

              <div class="row">

                <div class="col-xl-12">

                    <div class="form-group mb-0">

                      <label class="form-label">Kategori<a class="text-danger">*</a></label>

                      <input type="text" name="" id="categori" value="{{ $produk->name_categori }}" class="form-control" readonly />

                        </div>

                        <div class="form-group mb-2">

                          <label class="form-label">Brand<a class="text-danger">*</a></label>

                          <input type="text" name="" id="brand" value="{{ $produk->name_brand }}" class="form-control" readonly />

                        </div>

                        <div class="form-group mb-2">

                            <label class="form-label">Unit<a class="text-danger">*</a></label>

                            <input type="text" name="" id="unit" value="{{ $produk->name_unit }}" class="form-control" readonly />

                          </div>

                        <div class="row">

                        <div class="col-xl-6">

                            <div class="form-group mb-2">

                                <label class="form-label">Stok Masuk</label>

                                <input type="number" name="stok_masuk" id="stok_masuk" value="{{ old('stok_masuk',$stokMasuk) }}" class="form-control @error('stok_masuk') is-invalid @enderror"  placeholder="Stok" />

                                @error('stok_masuk')

                                    <span class="invalid-feedback" role="alert">

                                        <strong>{{ $message }}</strong>

                                    </span>

                                @enderror

                            </div>  

                        </div>

                        <div class="col-xl-6">

                            <div class="form-group mb-2">

                                <label class="form-label">Status Serial Number<a class="text-danger">*</a></label>

                                <select class="form-select" name="is_serial_number">

                                    @if ($produk->is_serial_number == 1)

                                    <option value="{{ $produk->is_serial_number }}">Ya</option>

                                    @else

                                    <option value="{{ $produk->is_serial_number }}">Tidak</option>

                                    @endif

                                    <option value="1">Ya</option>

                                    <option value="2">Tidak</option>

                                </select>

                              </div>   

                        </div>

                     </div>

                </div>

              </div>

          </div>

            </div>

        </div>

        @if ($produk->is_serial_number == 1)

            <div class="col-lg-12 col-12">

                <div class="card mb-4">

                    <div class="card-header d-md-flex border-bottom-1">

                        <div class="flex-grow-1">

                            <a href="{{ route('trans-detail/create', Crypt::encrypt($produk->id)) }}" class="btn btn-primary"><i class="feather-16" data-feather="plus-circle"></i> Tambah Data</a>

                        </div>

                    </div>

                    <div class="card-body">

                        <div class="table-responsive">

                            <table class="datatable table table-stripped">

                                <thead>

                                    <tr>

                                        <th>No</th>

                                        <th>Kode Produk</th>

                                        <th>Nama Produk</th>

                                        <th>Serial Number</th>

                                        <th>Mac Address</th>

                                        <th>Kondisi</th>

                                        {{-- <th>Date Join</th> --}}

                                        <th class="text-center">Action</th>

                                    </tr>

                                </thead>

                                <tbody>

                                    @foreach ($transDetail as $item)

                                    <tr>

                                        <td>{{ $loop->iteration }}</td>

                                        <td>{{ $item->product_code }}</td>

                                        <td>{{ $item->name_product }}</td>

                                        <td>{{ $item->serial_number }}</td>

                                        <td>{{ $item->mac_address }}</td>

                                        @if ($item->status == 1)

                                        <td><span class="badge badge-success"><i class="featherbtn-16 text-white" data-feather="check-circle"></i> Bagus</span>

                                        </td>

                                        @elseif ($item->status == 2)

                                            <td><span class="badge badge-warning"><i class="featherbtn-16 text-white" data-feather="aperture"></i> Perbaikan</span>

                                            </td>

                                        @else

                                            <td><span class="badge badge-danger"><i class="featherbtn-16 text-white" data-feather="x-circle"></i> Rusak</span>

                                            </td>

                                        @endif

                                        <td class="text-center">

                                            <div class="dropdown">

                                                <a data-bs-toggle="dropdown">

                                                    <i class="featherbtn-16" data-feather="more-vertical"

                                                        class="icon-xs"></i>

                                                </a>

                                                <div class="dropdown-menu">

                                                    <a class="dropdown-item" href="{{ route('trans-detail/edit', Crypt::encrypt($item->id)) }}"><i class="featherbtn-16" data-feather="edit"></i> Edit</a>

                                                    <a href="#" name="{{ $item->serial_number }}" stok="{{ $item->stok_masuk }}" id="{{ $item->id}}" class="dropdown-item deleteIcon"><i class="featherbtn-16" data-feather="trash"></i> Delete</a>

                                                </div>

                                            </div>

                                        </td>

                                    </tr>

                                @endforeach

                                

                                </tbody>

                            </table>

                        </div>

                    </div>       

                </div>

            </div>

        @endif

          <div class="text-end mb-3">

            <button type="submit" class="btn btn-primary">

              Simpan

            </button>

            <a href="{{ route('transaksi-in') }}" type="submit" class="btn btn-warning">

              Keluar

            </a>

          </div>

    </form>

  </div>

  @section('script')

  <script>

    $(function(){

        // delete brand request

        $(document).on('click', '.deleteIcon', function(e) {

            e.preventDefault();

            let id = $(this).attr('id');

            let name = $(this).attr('name');

            let csrf = '{{ csrf_token() }}';

            Swal.fire({

            title: 'Apakah anda yakin?',

            text: "Menghapus serial number : "+name+" !!",

            icon: "warning",

            showCancelButton: true,

            confirmButtonColor: "#3085d6",

            cancelButtonColor: "#d33",

            confirmButtonText: "Yes, delete it!"

            }).then((result) => {

                if (result.isConfirmed) {

                    $.ajax({

                    url: '{{ route('trans-detail/delete') }}',

                    method: 'delete',

                    data: {

                        id: id,

                        _token: csrf

                        },

                        success: function(response) {

                            console.log(response);

                            let timerInterval;

                                Swal.fire({

                                    title: response.title,

                                    text: response.message,

                                    icon: response.icon,

                                timer: 2500,

                                timerProgressBar: true,

                                showConfirmButton:false,

                                willClose: () => {

                                    clearInterval(timerInterval);

                                }

                                }).then((result) => {

                                    window.location.reload();

                                });

                        }

                    })

                }

            });

        });



    });

    </script>

  <script>

      $(document).ready(function() {

          $('.select2s-hidden-accessible').select2({

              closeOnSelect: false

          });

      });

  </script>



  <script>

      // select auto id and email

      $('#name').on('change',function()

      {

          $('#product_code').val($(this).find(':selected').data('product_code'));

          $('#quantity').val($(this).find(':selected').data('quantity'));

          $('#categori').val($(this).find(':selected').data('categori_id'));

          $('#brand').val($(this).find(':selected').data('brand_id'));

          $('#unit').val($(this).find(':selected').data('unit_id'));

      });

  </script>



<script>

    // select auto id and email

    $('#supplier').on('change',function()

    {

        $('#email').val($(this).find(':selected').data('email'));

        $('#hp').val($(this).find(':selected').data('hp'));

    });

</script>

  @endsection



@endsection