@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content')
<style>
.page-title-custom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-title-custom .title_left {
    float: none;
}

#status_view {
    margin-left: auto;
}
</style>
    <div class="container body">
        <div class="main_container">
            @include('includes.sidebar')
            <div class="right_col" role="main">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="x_panel">
                            <div class="page-title page-title-custom">
                                <div class="title_left">
                                    <h3>
                                        <i class="fa fa-file-text"></i>
                                        Gold Priority ({{ $transaction->code }}) - Detail Item
                                        @if($user == '1')
                                        <span class="label label-primary" id="status_text">
                                            {{ $transaction->status }}
                                        </span>
                                        @endif
                                    </h3>
                                </div>
                                @if($user == '1')
                                    <div id="status_display">
                                        <div id="status_view" style="display: inline-block;">
                                            <button type="button" id="btnEditStatus" class="btn btn-primary btn-sm">
                                                Edit
                                            </button>
                                        </div>
                                    </div>
                                    <div id="status_edit" style="display: none;">
                                        <select id="status" class="form-control input-sm" style="display: inline-block; width: 150px;">
                                            <option value="waiting_approval"
                                                {{ $transaction->status == 'waiting_approval' ? 'selected' : '' }}>
                                                Waiting Approval
                                            </option>

                                            <option value="approved_qc"
                                                {{ $transaction->status == 'approved_qc' ? 'selected' : '' }}>
                                                Approved Qc
                                            </option>

                                            <option value="approved_fisik"
                                                {{ $transaction->status == 'approved_fisik' ? 'selected' : '' }}>
                                                Approved Fisik
                                            </option>

                                            <option value="rejected"
                                                {{ $transaction->status == 'rejected' ? 'selected' : '' }}>
                                                Rejected
                                            </option>

                                            <option value="shipping"
                                                {{ $transaction->status == 'shipping' ? 'selected' : '' }}>
                                                Shipping
                                            </option>

                                            <option value="approved_digital"
                                                {{ $transaction->status == 'approved_digital' ? 'selected' : '' }}>
                                                Approved Digital
                                            </option>

                                            <option value="finished_digital"
                                                {{ $transaction->status == 'finished_digital' ? 'selected' : '' }}>
                                                Finished Digital
                                            </option>

                                            <option value="finished"
                                                {{ $transaction->status == 'finished' ? 'selected' : '' }}>
                                                Finished
                                            </option>

                                        </select>

                                        <button type="button" id="btnSaveStatus" class="btn btn-success btn-sm">
                                            Save
                                        </button>

                                        <button type="button" id="btnCancelStatus" class="btn btn-default btn-sm">
                                            Cancel
                                        </button>
                                    </div>
                                @endif
                            </div>
                            @php
                                use Carbon\Carbon;
                                $shipment = $transaction->shipment_detail
                                    ? $transaction->shipment_detail->shipment
                                    : null;

                                $daysDifference = null; 

                                if ($shipment && $shipment->received_date) {
                                    $receivedDate = Carbon::parse($shipment->received_date);
                                    $daysDifference = $receivedDate->diffInDays(Carbon::now());
                                }
                            @endphp
                            <div class="x_content" style="zoom: 0.85; overflow: auto;">
                                <div class="text-right">
                                    @if (
                                        $daysDifference <= 7 &&
                                            $transaction->id_stock_request_move_to_stock == null &&
                                            $transaction->items[0]->item_type == 'fisik' &&
                                            $transaction->status == 'approved_fisik' &&
                                            $transaction->jenis_pengajuan == 'new_application' &&
                                            $user == 3)
                                        <a href="javascript:void(0);" class="btn btn-primary gp-to-stock"
                                            data-url="{{ url('lakusimpan_offline/application_list/gp_to_stock/' . $transaction->id) }}">
                                            <i class="fa fa-recycle"></i> Move to Stock
                                        </a>
                                    @endif
                                </div>
                                <table id="table_subscriber" class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th>Jenis LM</th>
                                            <th>Brand</th>
                                            <th>Pecahan</th>
                                            <th>Code LM</th>
                                            <th>Photo Certifeicate</th>
                                            <th>Photo Items</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                            $pathOSS = env('ALIYUN_OSS_IMAGE_URL_SGK') . '/' . 'lakusimpan';
                                        @endphp
                                        @forelse($transaction->items as $item)
                                            <tr>
                                                <td>{{ $item->item_type }}</td>
                                                <td>{{ $item->item_brand->brand_name }} 
                                                    @if($item->tahun)
                                                        ({{ $item->tahun }})    
                                                    @else
                                                        (-)
                                                    @endif
                                                </td>
                                                <td>{{ $item->weight }}</td>
                                                <td>
                                                    {{ $item->certieye_code }}
                                                    <p>
                                                        @if ($item->item_type == 'fisik')
                                                            {{ $item->plu_code }}
                                                        @else($item->item_type == 'digital')
                                                            {{ $transaction->digitals->transaksi_pengajuan->code }}
                                                        @endif
                                                    </p>

                                                    @if ($item->item_type == 'fisik')
                                                        @if (auth()->user()->id_users_team === '1')
                                                            <div class="row"
                                                                style="margin: 5px; margin-top: 20px; padding: 5px; border: 1px dashed #555;">
                                                                <form action="{{ url('lakusimpan_offline/edit_code_lm') }}"
                                                                    method="post">
                                                                    {{ csrf_field() }}
                                                                    <input type="hidden" name="trx_detail_id"
                                                                        value="{{ $item->id }}">
                                                                    <div class="col-xs-12 col-md-7 text-left"
                                                                        style="margin: 4px;">
                                                                        <div>Code Lm New</div>
                                                                        <input type="text" class="form-control"
                                                                            name="certieye_code"
                                                                            value="{{ $item->certieye_code }}" required>
                                                                    </div>
                                                                    <div class="col-xs-12 col-md-12" style="margin: 4px;">
                                                                        <textarea type="text" class="form-control" name="reason" placeholder="Alasan edit PLU" required></textarea>
                                                                    </div>
                                                                    <div class="col-md-12 text-left" style="margin: 4px;">
                                                                        <button class="btn btn-success">Edit PLU</button>
                                                                    </div>
                                                                </form>
                                                            </div>
                                                        @endif
                                                    @endif
                                                </td>
                                                <td>
                                                    <a href="{{ $pathOSS . '/' . $item->photo_barang }}">
                                                        <img class="img_ktp"
                                                            src="{{ $pathOSS . '/' . $item->photo_barang }}"
                                                            style="max-width: 100px; padding: 3px; border: 1px solid #ccc;" />
                                                    </a>
                                                </td>
                                                <td>
                                                    <a href="{{ $pathOSS . '/' . $item->photo_certificate }}">
                                                        <img class="img_ktp"
                                                            src="{{ $pathOSS . '/' . $item->photo_certificate }}"
                                                            style="max-width: 100px; padding: 3px; border: 1px solid #ccc;" />
                                                    </a>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="11" class="text-center">No Data</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @include('includes.footer')
        </div>
    </div>
    <div class="modal fade" id="pinModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel"><i class="fa fa-key"></i> Input Your PIN</h5>
                </div>
                <form id="form-pin" method="POST">
                    {{ csrf_field() }}
                    <input type="hidden" id="id" name="id">
                    <input type="hidden" id="transaction_status" name="transaction_status">
                    <div class="modal-body">
                        <input type="password" id="pin" name="pin" class="form-control"
                            style="text-align: center;" placeholder="PIN">

                        <div class="reasonArea" style="display: none;">
                            <div style="padding:2px; padding-top: 15px;">Reject Reason</div>
                            <textarea class="form-control" name="reason" placeholder="reason"></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary btn-submit-item-receive">Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script type="text/javascript">
        function receivedItem(id) {
            $('#reasonArea').hide();
            $('#pinModal').modal('show');
            $('#transaction_status').val('received');
            $('#id').val(id);
        }

        $(document).on('click', '.gp-to-stock', function() {
            var url = $(this).data('url');
            if (confirm('Are you sure you want to move GP to stock?')) {
                $.ajax({
                    url: url,
                    type: 'GET',
                    success: function(response) {
                        alert('GP moved to stock successfully!');
                        location.reload();
                    },
                    error: function(response) {
                        alert('There was an error moving the GP to stock.');
                    }
                });
            }
        });


        $(".btn-submit-item-receive").on("click", function() {
            if ($('#pin').val() == '') {
                alert('PIN tidak boleh kosong !');
                return false;
            }
            $.ajax({
                url: '{{ url('lakusimpan_offline/pendaftar_baru/receive_item') }}',
                method: "POST",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: $("#form-pin").serialize(),
                success: function(response) {
                    alert("Success, transaction " + $('#transaction_status').val() + " !");
                    location.reload();
                },
                error: function(response) {
                    var response = response.responseJSON;
                    alert(response.error);
                }
            });
            return false;
        })

        function btnAction(status, id) {
            if (confirm("Apa Anda yakin ingin " + status + " transaksi ini ?")) {
                location.href = '{{ url('lakusimpan_offline/pendaftar_baru') }}/' + status + '/' + id;
            };
            return false;
        }

        $('.btn-load').click(function() {
            $('#cover-spin').fadeIn();
        })

        function sendVoucher(id) {
            $.ajax({
                url: '{{ url('lakusimpan_offline/send_voucher') }}',
                method: "POST",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: {
                    'lakusimpan_id': id
                },
                success: function(response) {
                    alert('Voucher terkirim !');
                    location.reload();
                },
                error: function(response) {
                    var response = response.responseJSON;
                    alert(response.error);
                    $(".btn-approve").removeAttr("disabled", "disabled").html(
                        '<i class="fa fa-check"></i> Approve');
                }
            });

        }

        $('.btn-load').click(function() {
            $('#cover-spin').fadeIn();
        })

       $(document).ready(function () {

    // Klik Edit
    $('#btnEditStatus').click(function () {

        $('#status_display').hide();
        $('#status_edit').show();

    });

    // Klik Cancel
    $('#btnCancelStatus').click(function () {

        $('#status_edit').hide();
        $('#status_display').show();

    });

    // Klik Save
    $('#btnSaveStatus').click(function () {

        let status = $('#status').val();

        $.ajax({
            url: "{{ url('lakusimpan_offline/change_status/' . $transaction->id) }}",
            type: "POST",
            data: {
                _token: "{{ csrf_token() }}",
                status: status
            },

            beforeSend: function () {
                $('#btnSaveStatus')
                    .prop('disabled', true)
                    .text('Saving...');
            },

            success: function (response) {

                if (response.status) {

                    $('#status_text').text(response.status_text);

                    $('#status_edit').hide();
                    $('#status_display').show();

                    alert(response.message);

                } else {

                    alert(response.message);

                }
            },

            error: function (xhr) {

                console.log(xhr.responseText);
                alert('Gagal mengubah status.');

            },

            complete: function () {

                $('#btnSaveStatus')
                    .prop('disabled', false)
                    .text('Save');

            }
        });

    });

});
    </script>
@endsection