@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3>Cashout Tukar Fisik Detail {{ $cicil->code }}</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">
                <div class="col-xs-12">
                    <div class="x_panel">
                        <div class="x_content">
                            <div class="form-horizontal">
                                <div class="row">
                                    <div class="col-xs-12 col-sm-6">
                                        <div class="form-group">
                                            <label class="control-label col-sm-2">ID :</label>
                                            <div class="col-sm-10">
                                                <input type="text" disabled class="form-control" value="{{ $cicil->id }}">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="control-label col-sm-2">Code :</label>
                                            <div class="col-sm-10">
                                                <input type="text" disabled class="form-control" value="{{ $cicil->code }}">
                                            </div>
                                        </div> 

                                        <div class="form-group">
                                            <label class="control-label col-sm-2">Date :</label>
                                            <div class="col-sm-10">
                                                <input type="text" disabled class="form-control" value="{{ $cicil->created_at }}">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="control-label col-sm-2">Status :</label>
                                            <div class="col-sm-10">
                                                @if ($cicil->laku_cicil_details->laku_cicil_shipment)
                                                    <input type="text" disabled class="form-control" value="{{$cicil->laku_cicil_details->laku_cicil_shipment->status}}">
                                                @else
                                                    @if ($not_full_item == true)
                                                    <input type="text" disabled class="form-control" value="waiting shipment">
                                                    @else
                                                        <input type="text" disabled class="form-control" value="completed">
                                                    @endif
                                                @endif
                                            </div>
                                        </div> 
                                    </div> 
        
                                    <div class="col-xs-12 col-sm-3">
                                        <div class="form-group">
                                            <label class="control-label" style="font-weight:700">CUSTOMER</label>
                                            <div>
                                                {{ $cicil->customer_cicil->name }}<br>
                                                {{ $cicil->customer_cicil->handphone }}<br>
                                                {{ $cicil->customer_cicil->email }}
                                            </div>
                                        </div> 
                                    </div>   

                                    <div class="col-xs-12 col-sm-3">
                                        <div class="form-group">
                                            <label class="control-label" style="font-weight:700">DESTINATION</label>
                                            <div>
                                                    @if ($cicil->laku_cicil_details->customer_address->type == 'alamat')
                                                        {{ $cicil->laku_cicil_details->customer_address->alamat }},{{ $cicil->laku_cicil_details->customer_address->kode_pos }}, {{ $cicil->laku_cicil_details->customer_address->kecamatan->name }}, {{ $cicil->laku_cicil_details->customer_address->kota->name }}, {{ $cicil->laku_cicil_details->customer_address->provinsi->name }}
                                                    @else
                                                        {{$cicil->laku_cicil_details->customer_address->store->kode_toko}} {{$cicil->laku_cicil_details->customer_address->store->nama}}
                                                    @endif
                                                {{-- {{ $cicil->laku_cicil_details->customer_address->alamat }},{{ $cicil->laku_cicil_details->customer_address->kode_pos }}, {{ $cicil->laku_cicil_details->customer_address->kecamatan->name }}, {{ $cicil->laku_cicil_details->customer_address->kota->name }}, {{ $cicil->laku_cicil_details->customer_address->provinsi->name }}                                              --}}
                                            </div>
                                        </div> 
                                    </div>        
                                </div>
                                <hr>
                            </div>

                            <hr>

                            {{-- @if(in_array($tukar_fisik->status, ['waiting_shipment', 'shipping', 'completed'])) --}}
                                <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th class="text-left">No</th>
                                            <th class="text-left">Gold</th>
                                            <th class="text-left">Certificate</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                            $ttl_uncomplete = 0;
                                        @endphp
                                        @foreach($cicil->laku_cicil_details->laku_cicil_item as $key => $item)
                                            <tr>
                                                <td class="text-center">{{ 1 + $key }}</td>
                                                <td>
                                                    {{ $item->pecahan_emas->brand_emas->brand }}
                                                    {{ $item->pecahan_emas->pecahan }} Gram 
                                                    @if ($item->pecahan_emas->id_brand_emas == 11)
                                                        {{ $item->pecahan_emas->special_name }}
                                                    @endif
                                                </td>
                                                <td>
                                                    @for($i=0; $i < 1; $i++)
                                                        <div id="data_default_{{ $item->id }}_{{ $i }}">
                                                            @if(!empty($item->certificate))
                                                                <input type="text"
                                                                    class="form-control"
                                                                    value="{{ $item->certificate }}"
                                                                    disabled
                                                                    style="margin-bottom:5px;">
                                                            @else
                                                                @php
                                                                    $ttl_uncomplete += 1;
                                                                @endphp

                                                                <form class="form">
                                                                    <input type="hidden" name="id_tukar_fisik_item" value="{{ $item->id }}">

                                                                    <div class="loading hidden">
                                                                        <i class="fa fa-spinner fa-pulse"></i>
                                                                    </div>

                                                                    <div class="submit">
                                                                        <div class="input-group" style="margin-bottom:0;">
                                                                            <input type="text" class="form-control" name="certificate" autocomplete="off">
                                                                            <span class="input-group-btn">
                                                                                <button type="submit" class="btn btn-default" style="font-size:14px;"><i class="fa fa-check" aria-hidden="true"></i></button>
                                                                            </span>
                                                                        </div>
                                                                    </div>
                                                                </form>

                                                                <button type="button" class="btn btn-xs btn-default btn-edit-pecahan" style="margin-top:5px;"
                                                                        data-id="{{ $item->id }}"
                                                                        data-current-id="{{ $item->pecahan_emas_global_id }}"
                                                                        data-pecahan="{{ $item->pecahan_emas->pecahan }}"
                                                                        data-brand_emas="{{ $item->pecahan_emas->brand_emas->brand }}"
                                                                        data-certificate="{{ $item->certificate }}">
                                                                    <i class="fa fa-pencil" aria-hidden="true"></i> Edit
                                                                </button>
                                                            @endif
                                                        </div>
                                                    @endfor
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                @if ($cicil->laku_cicil_details->customer_address->type == 'alamat')
                                <hr>
                                <table class="table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                                <th class="text-center">Nama Logistik</th>
                                                <th class="text-center">Jenis Pengiriman</th>
                                                <th class="text-center">Nomor Resi</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="text-center">JNE</td>
                                                <td class="text-center">
                                                    Regular
                                                </td>
                                                <td>
                                                    <div id="data_default_{{ $cicil->id }}">
                                                        @if($cicil->laku_cicil_details->no_resi != null)
                                                            <input type="text" class="form-control text-center" value="{{ $cicil->laku_cicil_details->no_resi }}" disabled style="margin-bottom: 5px; ">
                                                        @else
                                                            @php
                                                                $ttl_uncomplete += 1;
                                                            @endphp
                                                            <form class="form-resi">
                                                                <input type="hidden" name="id_cicil" value="{{ $cicil->id }}" />

                                                                <div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>
                                                                <div class="submit">
                                                                    <div class="input-group" style="margin-bottom:0;">
                                                                        <input type="text" class="form-control" name="no_resi" autocomplete="off">
                                                                        <span class="input-group-btn">
                                                                            <button type="submit" class="btn btn-default" style="font-size:14px;"><i class="fa fa-check" aria-hidden="true"></i></button>
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        @endif
                                                    </div>
                                                </td>
                                            </tr>
                                    </tbody>
                                </table>
                            @endif
                            @if($not_full_item == false)
                                <hr>
                                <div class="form-group text-center">
                                    <div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>
                                    <div class="submit">
                                        <a href="{{ url('stock/cashout/' . $cicil->id . '/laku_cicil/print_do') }}" class="btn btn-lg btn-warning" target="_blank" style="font-size: 15px;"><i class="fa fa-print" aria-hidden="true"></i> Print DO</a>
                                        <a href="{{ url('stock/cashout/' . $cicil->id . '/laku_cicil/print_inv') }}" class="btn btn-lg btn-primary" target="_blank" style="font-size: 15px;"><i class="fa fa-print" aria-hidden="true"></i> Print INV</a><br>
                                        {{-- <button class="btn btn-lg btn-info" type="button" onclick="itemReceivedCutomer({{ $tukar_fisik->id }})" style="font-size: 15px;"><i class="fa fa-handshake-o" aria-hidden="true"></i> Konfirmasi Barang sudah diterima customer</button> --}}
                                        @if ($cicil->laku_cicil_details->laku_cicil_shipment->status == 'waiting_shipment')
                                            <button class="btn btn-lg btn-warning" type="button" onclick="sendToStore({{ $cicil->laku_cicil_details->id }})" style="font-size: 15px;"><i class="fa fa-truck" aria-hidden="true"></i> Kirim</button>
                                        @else
                                            <button class="btn btn-lg btn-warning" type="button" onclick="sendToStore({{ $cicil->laku_cicil_details->id }})" style="font-size: 15px;" disabled><i class="fa fa-truck" aria-hidden="true"></i> Kirim</button>                                            
                                        @endif
                                    </div>
                                </div>
                            @endif

                            {{-- @if($tukar_fisik->status == 'completed')
                                <hr>
                                <div class="form-group text-center">
                                    <div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>
                                    <div class="submit">
                                        <div class="form-group text-center">
                                            <button class="btn btn-lg btn-success" type="button" disabled style="font-size: 15px;"><i class="fa fa-handshake-o" aria-hidden="true"></i> Barang telah diambil oleh customer</button>  
                                        </div>
                                    </div>
                                </div>
                            @endif --}}

                            <!-- <hr> -->

                            {{-- <table class="table table-bordered table-striped" style="display: none;">
                                <thead>
                                    <tr>
                                        <th class="text-center">No.</th>
                                        <th class="text-center">Created at</th>
                                        <th class="text-center">User</th>
                                        <th class="text-center">Log</th>
                                        <th class="text-center">Data</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($logs as $log)
                                        <tr>
                                            <td class="text-center">{{ $loop->iteration }}</td>
                                            <td class="text-center">{{ $log->created_at }}</td>
                                            <td class="text-center">{{ $log->user->name }}</td>
                                            <td class="text-center">{{ $log->log_status }}</td>
                                            <td class="text-center">{{ $log->log_data }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table> --}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
<div class="modal fade" id="modal-edit-pecahan" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Edit Brand</h4>
            </div>
            <div class="modal-body">
                <form id="form-edit-pecahan">
                    <input type="hidden" name="id_laku_cicil_item" id="edit_id_laku_cicil_item">
                    <input type="hidden" name="pecahan" id="edit_pecahan_value">
                    <input type="hidden" id="edit_has_certificate">

                    <div class="form-group">
                        <label>Saat Ini</label>
                        <input type="text" class="form-control" id="edit_current_brand" disabled>
                    </div>

                    <div class="form-group">
                        <label>Ganti Brand</label>
                        <select class="form-control" id="edit_brand_emas_id">
                            <option value="">-- Pilih Brand --</option>
                            @foreach($brand_emas_list as $brand)
                                <option value="{{ $brand->id }}">{{ $brand->brand }}</option>
                            @endforeach
                        </select>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
                <button type="button" class="btn btn-warning" id="btn-save-pecahan">
                    <i class="fa fa-check"></i> Simpan
                </button>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script type="text/javascript">
        $(document).on('click', '.btn-edit-pecahan', function() {
            var certificate = $(this).data('certificate');

            if (certificate) {
                alert('Sertifikat sudah diisi, brand tidak bisa diubah lagi');
                return;
            }

            var id = $(this).data('id');
            var currentPecahan = $(this).data('pecahan');
            var currentBrand = $(this).data('brand_emas');

            $('#edit_id_laku_cicil_item').val(id);
            $('#edit_pecahan_value').val(currentPecahan);
            $('#edit_current_brand').val(currentBrand + ' - ' + currentPecahan + ' Gram');
            $('#edit_brand_emas_id').val('');
            $('#edit_has_certificate').val(certificate || '');

            $('#modal-edit-pecahan').modal('show');
        });

        $('#btn-save-pecahan').on('click', function() {
            var brandId = $('#edit_brand_emas_id').val();

            if (!brandId) {
                alert('Pilih brand terlebih dahulu');
                return;
            }

            if ($('#edit_has_certificate').val()) {
                alert('Sertifikat sudah diisi, brand tidak bisa diubah lagi');
                $('#modal-edit-pecahan').modal('hide');
                return;
            }

            $('#cover-spin').fadeIn();

            $.ajax({
                url: "{{ url('stock/cashout') }}/update_pecahan_laku_cicil",
                method: "POST",
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: {
                    id_laku_cicil_item: $('#edit_id_laku_cicil_item').val(),
                    pecahan: $('#edit_pecahan_value').val(),
                    brand_emas_id: brandId
                },
                success: function(response) {
                    alert("Data berhasil diupdate");
                    window.location.reload();
                },
                error: function(response) {
                    $('#cover-spin').hide();
                    var err = response.responseJSON;
                    alert(err && err.error ? err.error : 'Gagal update data');
                }
            });
        });

        $(".form").on("submit", function(e) {
            e.preventDefault();

            $('#cover-spin').fadeIn();
            var $form = $(this);

            $.ajax({
                url: 'apply_certificate_laku_cicil',
                method: "POST",
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: $form.serialize(),
                success: function(response) {
                    alert("Data saved");
                    window.location.reload();
                },
                error: function(xhr) {
                    var response = xhr.responseJSON;
                    alert(response.error);
                    $('#cover-spin').hide();
                }
            });
        });

        $(".form-resi").on("submit", function() {
            $('#cover-spin').fadeIn();
            var $form = $(this);

            $.ajax({
                url: 'no_resi/cicil',
                method: "POST",
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: $form.serialize(),
                success: function(response) {
                    alert("Data saved");
                    window.location.reload();
                },
                error: function(response) {
                    var response = response.responseJSON;
                    alert(response.error);
                    $('#cover-spin').hide();
                }
            });
            return false;
        })
        function sendToStore(id) {
    if(!confirm('Yakin ingin kirim?')) return;

    $.ajax({
        url: "{{ url('stock/cashout/laku_cici/send_to_store') }}",
        type: "POST",
        data: {
            id: id,
            _token: "{{ csrf_token() }}"
        },
        beforeSend: function() {
            // optional: disable button atau loading
        },
        success: function(res) {
            if(res.error == "0") {
                alert('Berhasil kirim');
                location.reload();
            } else {
                alert(res.error);
            }
        },
        error: function(xhr) {
            let err = xhr.responseJSON?.error || 'Terjadi kesalahan';
            alert(err);
        }
    });
}
</script>

@endsection