@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])

    <div class="card shadow-lg mx-4">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper">
                        <button class="btn btn-secondary mb-0" onclick="history.back()">
                            <i class="fas fa-circle-left me-1"></i>
                            <span class="font-weight-bold">Kembali</span>
                        </button>
                        @if ($authorize->edit == '1' && $defectH->status == 'P')
                            <button type="button" class="btn btn-warning mb-0" id="daily-complete"
                                onclick="edit('{{ encrypt($defectH->id) }}')">
                                <i class="fas fa-pen-to-square"></i> Edit
                            </button>
                        @endif
                        @if ($authorize->add == '1')
                            @if ($defectH->status === 'P')
                                <button type="button" class="btn btn-primary mb-0" id="btnSubmit"
                                    onclick="markAsSold('{{ $defectH->id }}')" id="btn-simpan">
                                    <i class="fas fa-check text-success"></i>
                                    <span class="font-weight-bold"> Telah di Jual</span>
                                </button>
                            @else
                                <button type="button" class="btn btn-danger mb-0" id="btnSubmit"
                                    onclick="cancel('{{ $defectH->id }}')" id="btn-simpan">
                                    <i class="fas fa-undo-alt"></i>
                                    <span class="font-weight-bold"> Reverse</span>
                                </button>
                            @endif

                            <button type="button" class="btn btn-info mb-0" id="btnSubmit"
                                onclick="handleDownload('{{ encrypt($defectH->id) }}')">
                                <i class="fa fa-file-arrow-down"></i>
                                <span class="font-weight-bold"> Download</span>
                            </button>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <p class="text-uppercase text-sm">Form Penjualan Barang</p>
                        <hr class="horizontal dark mt-0">
                        <div class="row">
                            <div class="col-md-6">

                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="d-flex align-items-center">
                                            <label for="inputdate" class="form-label me-2"
                                                style="min-width: 150px;">ID</label>
                                            <small class="form-text text-muted"></small>
                                            <input type="text" class="form-control" id="did" name="did"
                                                value="{{ $defectH->id }}" readonly>
                                        </div>
                                        <p></p>
                                        <div class="d-flex align-items-center">
                                            <label for="inputdate" class="form-label me-2" style="min-width: 150px;">No
                                                Surat <code> *</code></label>
                                            <input type="text" class="form-control" id="no_surat" name="no_surat"
                                                value="{{ $defectH->no_surat }}" maxlength="50" readonly>
                                        </div>

                                        <p></p>


                                        <div class="d-flex align-items-center">
                                            <label for="inputdate" class="form-label me-2"
                                                style="min-width: 150px;">Diajukan <code> *</code></label>
                                            <small class="form-text text-muted"></small>


                                            <select class="form-select" id="dajukan" name="dajukan" disabled>
                                                <!-- Opsi default, tampil jika $typeform kosong atau tidak cocok dengan value di $types -->
                                                <option value="">{{ $defectH->diajukan_nama }}</option>

                                            </select>
                                        </div>
                                        <p></p>

                                        <div class="d-flex align-items-center">
                                            <label for="inputdate" class="form-label me-2"
                                                style="min-width: 150px;">Diketahui <code> *</code></label>
                                            <small class="form-text text-muted"></small>


                                            <select class="form-select" id="dketahui" name="dketahui" disabled>
                                                <!-- Opsi default, tampil jika $typeform kosong atau tidak cocok dengan value di $types -->
                                                <option selected>{{ $defectH->diketahui_nama }}</option>

                                            </select>
                                        </div>
                                        <p></p>
                                        <div class="d-flex align-items-center">
                                            <label for="dsetuju" class="form-label me-2" style="min-width: 150px;">
                                                Disetujui <code>*</code>
                                            </label>
                                            <small class="form-text text-muted"></small>

                                            <select id="dsetuju" name="dsetuju[]" class="form-select" disabled>

                                                <option selected>{{ $defectH->disetujui_nama }}</option>

                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <div class="d-flex align-items-center">
                                                <label for="inputdate" class="form-label me-2"
                                                    style="min-width: 150px;">Date</label>
                                                <small class="form-text text-muted"></small>
                                                <input type="date" class="form-control" id="ddate" name="ddate"
                                                    value="{{ $defectH->date }}" readonly>
                                            </div>
                                            <p></p>
                                            {{-- <div class="d-flex align-items-center">
                                                <label for="inputdate" class="form-label me-2"
                                                    style="min-width: 150px;">Keterangan <code> *</code></label>
                                                <input type="text" class="form-control" id="dket" name="dket"
                                                    maxlength="50" required>
                                            </div> --}}

                                            <p></p>
                                            <div class="d-flex align-items-center">
                                                <label for="inputdate" class="form-label me-2"
                                                    style="min-width: 150px;">Nama Vendor <code> *</code></label>
                                                <input type="text" class="form-control" id="nvendor" name="nvendor"
                                                    maxlength="50" value="{{ $defectH->nama_vendor }}" readonly>
                                            </div>
                                            <p></p>

                                            <div class="d-flex align-items-center">
                                                <label for="inputdate" class="form-label me-2"
                                                    style="min-width: 150px;">No
                                                    Telp Vendor</label>
                                                <input type="text" class="form-control" id="novendor"
                                                    name="novendor" maxlength="50" value="{{ $defectH->kontak_vendor }}"
                                                    readonly>
                                            </div>

                                            <p></p>
                                            <p></p>


                                            <div class="d-flex align-items-center">
                                                <label for="inputdate" class="form-label me-2"
                                                    style="min-width: 150px;">Status <code> *</code></label>
                                                <small class="form-text text-muted"></small>


                                                <select class="form-select" id="dstatus" name="dstatus"
                                                    onchange="change_status" disabled>
                                                    <!-- Opsi default, tampil jika $typeform kosong atau tidak cocok dengan value di $types -->
                                                    <option value="">{{ $defectH->status_name }}</option>

                                                </select>
                                            </div>




                                        </div>
                                    </div>
                                </div>


                            </div>

                        </div>
                        <br>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-lg-12">
                <div class="card shadow-sm">
                    <div class="card-body">

                        <p class="text-uppercase text-sm mb-2">List Barang (Asset)</p>
                        <div class="table-responsive">
                            <table id="list_barang" class="table table-bordered table-striped align-middle mb-0">
                                <thead style="background-color:#daecff;">
                                    <tr>

                                        {{-- <th style="width:60px">No</th> --}}
                                        <th style="width:140px">Kategori</th>
                                        <th style="width:220px">Code</th>
                                        <th style="width:220px">Kode Asset SAP</th>
                                        <th>Merk</th>
                                        <th>type</th>
                                        {{-- <th style="width:140px">Dept</th> --}}
                                        <th>Qty</th>
                                        <th>User/Location</th>
                                        <th>Remark</th>
                                        <th>Source</th>
                                        <th>Status</th>




                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($defectD as $d)
                                        <tr>
                                            <td scope="row"> <span
                                                    class="badge bg-secondary">{{ $d->kategori }}</span></td>
                                            <td scope="row"> {{ $d->code }}</td>
                                            <td scope="row"> {{ $d->kode_Sap }}</td>
                                            <td scope="row"> {{ $d->merk }}</td>
                                            <td scope="row"> {{ $d->type }}</td>
                                            <td scope="row"> {{ $d->qty }}</td>
                                            <td scope="row"> {{ $d->user }}</td>
                                            <td scope="row"> {{ $d->remark }}</td>
                                            <td scope="row"> {{ $d->source }}</td>
                                            <td scope="row">
                                                @if ($d->status_nama == 'Terjual')
                                                    <span class="badge bg-danger">{{ $d->status_nama }}</span>
                                                @else
                                                    <span class="badge bg-info">{{ $d->status_nama }}</span>
                                                @endif
                                            </td>


                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                        <hr class="horizontal dark my-4">
                        <p class="text-uppercase text-sm mb-2">List Barang (Non Asset)</p>
                        <div class="table-responsive" style="height:300px; overflow-y:auto;">
                            <table id="list-non-asset" class="table table-bordered table-striped align-middle mb-0">
                                <thead style="background-color:#daecff;">
                                    <tr>

                                        <th style="width:140px">Kategori</th>
                                        {{-- <th style="width:220px">Code</th>
                                        <th style="width:220px">Kode Asset SAP</th> --}}
                                        <th>Detail Barang</th>
                                        {{-- <th>Type</th> --}}
                                        <th>Qty</th>
                                        <th>Remark</th>
                                        <th>Status</th>


                                        {{-- <th>User/Location</th>
                                        <th>Remark</th>
                                        <th>Source</th> --}}
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($defectD2 as $d2)
                                        <tr>
                                            <td scope="row"> <span
                                                    class="badge bg-secondary">{{ $d2->kategori }}</span></td>

                                            <td scope="row"> {{ $d2->merk }}</td>

                                            <td scope="row"> {{ $d2->qty }}</td>

                                            <td scope="row"> {{ $d2->remark }}</td>

                                            <td scope="row">
                                                @if ($d2->status == 'C')
                                                    <span class="badge bg-danger">Terjual</span>
                                                @else
                                                    <span class="badge bg-info">Tersedia</span>
                                                @endif
                                            </td>


                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        function markAsSold(id) {
            var id = id;

            Swal.fire({
                title: `Data ${id} sudah terjual?`, // Perbaikan pada format string
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Ya'
            }).then((result) => {
                if (result.isConfirmed) {
                    // Ajax untuk memproses data ke database
                    $.ajax({
                        url: '{{ URL::to('/') }}/trdefc/sold/' + id,
                        type: "POST",
                        dataType: "JSON",
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        success: function(data) {
                            if (data.status === 'success') {
                                Swal.fire({
                                    title: 'Berhasil!',
                                    html: `
                                    <b>Data ${id} berhasil diproses</b><br>
                                    <hr>
                                    Total diproses: ${data.processed} <br>
                               
                                `,
                                    icon: 'success',
                                    confirmButtonColor: '#3085d6'
                                }).then(() => {
                                    window.location.replace("{{ url('/trdefc') }}");
                                });
                            } else {
                                Swal.fire({
                                    title: 'Oops!',
                                    text: data.message || `Data ${id} gagal diproses!`,
                                    icon: 'error',
                                    confirmButtonColor: '#3085d6'
                                });
                            }
                        },
                        error: function(jqXHR, textStatus, errorThrown) {
                            Swal.fire({
                                title: 'Oops!',
                                text: `Data ${id} tidak dapat diupdate!`,
                                icon: 'error',
                                confirmButtonColor: '#3085d6'
                            });
                        }

                    });
                }
            });
        }
        $(document).ready(function() {
            $('#list_barang').DataTable({
                "language": {
                    "search": "Cari :",
                    "lengthMenu": "Tampilkan _MENU_ baris",
                    "zeroRecords": "Maaf - Data tidak ada",
                    "info": "Halaman _PAGE_ dari _PAGES_",
                    "infoEmpty": "Tidak ada data",
                    "infoFiltered": "(pencarian dari _MAX_ data)"
                },
                "destroy": true,
                ordering: true,
                responsive: true,
            });

            $('#list-non-asset').DataTable({
                "language": {
                    "search": "Cari :",
                    "lengthMenu": "Tampilkan _MENU_ baris",
                    "zeroRecords": "Maaf - Data tidak ada",
                    "info": "Halaman _PAGE_ dari _PAGES_",
                    "infoEmpty": "Tidak ada data",
                    "infoFiltered": "(pencarian dari _MAX_ data)"
                },
                "destroy": true,
                ordering: true,
                responsive: true,
            });
        });


        function handleDownload(id) {
            var id = id;
            window.location.href = '{{ URL::to('/') }}/trdefc/download/' + id;

        }

        function edit(id) {
            var id = id;

            if (id) {
                window.location.href = "{{ url($url_menu . '/edit' . '/') }}/" + (id);
            } else {
                Swal.fire({
                    title: 'Oops!',
                    text: 'Pilih ID DA terlebih dahulu!',
                    icon: 'warning',
                    confirmButtonText: 'OK'
                });
            }
        }

        function cancel(id) {
            var id = id;

            Swal.fire({
                title: `Data ${id} akan di batalkan?`, // Perbaikan pada format string
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Ya'
            }).then((result) => {
                if (result.isConfirmed) {
                    // Ajax untuk memproses data ke database
                    $.ajax({
                        url: '{{ URL::to('/') }}/trdefc/cancel/' + id,
                        type: "POST",
                        dataType: "JSON",
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        success: function(data) {
                            if (data.status === 'success') {
                                Swal.fire({
                                    title: 'Berhasil!',
                                    html: `
                                    <b>Data ${id} berhasil dibatalkan</b><br>                              
                                `,
                                    icon: 'success',
                                    confirmButtonColor: '#3085d6'
                                }).then(() => {
                                    window.location.replace("{{ url('/trdefc') }}");
                                });
                            } else {
                                Swal.fire({
                                    title: 'Oops!',
                                    text: data.message ||
                                        `Penjualan Data ${id} tidak dapat dibatalkan!`,
                                    icon: 'error',
                                    confirmButtonColor: '#3085d6'
                                });
                            }
                        },
                        error: function(jqXHR, textStatus, errorThrown) {
                            Swal.fire({
                                title: 'Oops!',
                                text: `Data ${id} tidak dapat diupdate!`,
                                icon: 'error',
                                confirmButtonColor: '#3085d6'
                            });
                        }

                    });
                }
            });
        }
    </script>
@endsection