@extends('template.master')
{{-- modal --}}

{{-- modal --}}
@section('content')
    @if ($canCreate)
        <button class="mb-4 btn btn-primary add">Tambah Data</button>
    @endif
    <div class="card">
        <div class="card-body">
            <table class="table table-striped data-table">
                <thead>
                    <tr>
                        <th id="no">No</th>
                        <th>Part No 1</th>
                        <th>Part No 2</th>
                        <th>Deskripsi</th>
                        <th>Supplier</th>
                        <th>Harga</th>
                        <th>Lokasi</th>
                        <th>Qty</th>
                        <th width="105px">Action</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
    @include('parts.sparepart_trans.modal.add')
    @include('parts.sparepart_trans.modal.sell_part')
    @include('parts.sparepart_trans.modal.receive_part')
    @include('parts.sparepart_trans.modal.transfer_part')
    @include('parts.sparepart_trans.modal.edit')
@endsection
@push('extraJS')
    <script type="text/javascript">
        $(function() {
            $('[data-bs-toggle="tooltip"]').tooltip();
            var table = $('.data-table').DataTable({
                processing: true,
                serverSide: true,
                ajax: "{{ route('sparepart-trans.index') }}",
                columnDefs: [{
                        width: "50px",
                        targets: 0
                    } // 0 adalah index kolom 'id'
                ],
                columns: [{
                        data: 'DT_RowIndex',
                        name: 'DT_RowIndex',
                        className: 'text-center',
                        orderable: false,
                        searchable: false
                    },
                    {
                        data: 'part_number_1',
                        name: 'part_number_1'
                    },
                    {
                        data: 'part_number_2',
                        name: 'part_number_2',
                        render: function(data, type, row) {
                            return data ? data : '-';
                        }
                    },
                    {
                        data: 'name',
                        name: 'name'
                    },
                    {
                        data: 'supplier',
                        name: 'supplier',
                    },
                    {
                        data: 'price',
                        name: 'price',
                        render: function(data, type, row) {
                            return formatRupiah(data);
                        }
                    },
                    {
                        data: 'location',
                        name: 'location'
                    },
                    {
                        data: 'qty',
                        name: 'qty'
                    },
                    {
                        data: 'action',
                        name: 'action',
                        orderable: false,
                        searchable: false
                    },
                ]
            });

        });

        // tambah
        $(document).on("click", ".add", function() {
            $(".invalid-feedback").text("")
            $("#addModal").modal("show");
        });

        // sellpart
        $(document).on("click", ".sell-part", function() {
            $(".invalid-feedback").text("")
            var id = $(this).data('id');
            var url = `/sell-sparepart`;

            $("#sellModal form").attr("action", url);
            $(".sparepart_id").val(id);
            $("#sellModal").modal("show");
        });

        // receive sparepart
        $(document).on("click", ".receive-part", function() {
            $(".invalid-feedback").text("")
            var id = $(this).data('id');
            var url = `/receive-sparepart`;

            $("#receiveModal form").attr("action", url);
            $(".sparepart_id").val(id);
            $("#receiveModal").modal("show");
        });

        // sparepart transfer
        $(document).on("click", ".transfer-part", function() {
            var id = $(this).data('id');
            var part_number_1_awal = $(this).data('part_number_1_awal');
            var part_number_2_awal = $(this).data('part_number_2_awal');
            var rak_awal = $(this).data('rak_awal');
            var location_awal = $(this).data('location_awal');

            $('#transferForm #sparepart_id').val(id);
            $('#transferForm #part_number_1_awal').val(part_number_1_awal);
            $('#transferForm #part_number_2_awal').val(part_number_2_awal);
            $('#transferForm #rak_awal').val(rak_awal);
            $('#transferForm #location_awal').val(location_awal);

            $("#transferModal").modal("show");
        });

        // edit
        $(document).on("click", ".edit", function() {
            const button = $(this);
            const form = $('#editForm');

            // Set nilai field
            form.find('[name="location_id"]').val(button.data('location_id')).trigger('change');
            form.find('[name="rak_id"]').val(button.data('rak_id')).trigger('change');
            form.find('[name="supplier_id"]').val(button.data('supplier_id')).trigger('change');
            form.find('[name="part_number_1"]').val(button.data('part_number_1'));
            form.find('[name="part_number_2"]').val(button.data('part_number_2'));
            form.find('[name="name"]').val(button.data('name'));
            form.find('[name="price"]').val(formatRupiah(button.data('price')));
            form.find('[name="qty"]').val(button.data('qty'));
            form.find('[name="id"]').val(button.data('id'));

            $('#editModal').modal('show');
        });

        function formatRupiah(angka) {
            return "IDR " + angka.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
        }

        // delete
        $(document).on("click", ".delete", function() {
            var id = $(this).data("id");

            Swal.fire({
                title: 'Apakah kamu yakin?',
                text: "Data akan dihapus secara permanen!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#3085d6',
                confirmButtonText: 'Ya, hapus!',
                cancelButtonText: 'Batal'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: '/sparepart-trans/' + id,
                        type: 'POST',
                        data: {
                            _method: 'DELETE',
                            _token: '{{ csrf_token() }}'
                        },
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        success: function(res) {
                            Swal.fire('Data berhasil Dihapus!', res.message, 'success');
                            $('.data-table').DataTable().ajax.reload();
                        },
                        error: function(xhr) {
                            console.log(xhr);
                            Swal.fire('Gagal!', xhr.responseJSON.message, 'error');
                        }
                    });
                }
            });
        });
    </script>
@endpush