@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 {{ $tukar_fisik->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="{{ $tukar_fisik->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="{{ $tukar_fisik->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="{{ $tukar_fisik->created_at }}">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="control-label col-sm-2">Status :</label>
                                            <div class="col-sm-10">
                                                <input type="text" disabled class="form-control" value="{{ $status_tukar_fisik[$tukar_fisik->status]['label'] }}">
                                            </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>
                                                {{ $tukar_fisik->customer->name }}<br>
                                                {{ $tukar_fisik->customer->handphone }}<br>
                                                {{ $tukar_fisik->customer->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 ($tukar_fisik->is_new == 1)
                                                    @if ($tukar_fisik->is_new == 1 && $tukar_fisik->address->type == "alamat")
                                                        {{$tukar_fisik->address->alamat . ', ' . $tukar_fisik->address->kota->name . ', ' . $tukar_fisik->address->kecamatan->name . ', ' .  $tukar_fisik->address->provinsi->name . ', ' . $tukar_fisik->address->kode_pos . '.'}} 
                                                        <div><small>{!! nl2br(@$tukar_fisik->customer->handphone) !!}</small></div>                                               
                                                    @else
                                                        {{ $tukar_fisik->address->toko->kode_toko . ' ' . $tukar_fisik->address->toko->nama }}
                                                        <div><small>{!! nl2br(@$tuktukar_fisik->address->toko->alamat) !!}</small></div>    
                                                    @endif
                                                @else
                                                    {{ $tukar_fisik->store_pickup->kode_toko . ' ' . $tukar_fisik->store_pickup->nama }}
                                                        <div><small>{!! nl2br(@$tukar_fisik->store_pickup->alamat) !!}</small></div>
                                                @endif
                                                
                                            </div>
                                        </div> 
                                    </div>        
                                </div>
                                <hr>
                            </div>

                            <hr>

                            @if(in_array($tukar_fisik->status, ['waiting_shipment', 'shipping','ready_to_pickup', '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($tukar_fisik->items as $key => $item)
                                            <tr>
                                                <td class="text-center">{{ 1 + $key }}</td>
                                                <td>
                                                    {{ $item->pecahan_emas_global->brand_emas->brand }}
                                                    {{ $item->pecahan_emas_global->pecahan }} Gram 
                                                    @if ($item->pecahan_emas_global->id_brand_emas == 11)
                                                        {{ $item->pecahan_emas_global->special_name }}
                                                    @endif
                                                    @if($tukar_fisik->status == 'waiting_shipment')
                                                        {{-- <button type="button" class="btn btn-xs btn-default btn-edit-pecahan"
                                                                data-id="{{ $item->id }}"
                                                                data-current-id="{{ $item->pecahan_emas_global_id }}"
                                                                data-pecahan="{{ $item->pecahan_emas_global->pecahan }}"
                                                                data-brand_emas="{{ $item->pecahan_emas_global->brand_emas->brand }}"
                                                                >
                                                            <i class="fa fa-pencil" aria-hidden="true"></i>
                                                        </button> --}}
                                                    @endif
                                                </td>
                                                <td>
                                                    @for($i=0; $i < $item->qty; $i++)
                                                        <div id="data_default_{{ $item->id }}">
                                                            @if(isset($item->certificate_list[$i]))
                                                                <input type="text" class="form-control" value="{{ $item->certificate_list[$i]->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 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>
                                                                    <button type="button" class="btn btn-xs btn-default btn-edit-pecahan"
                                                                    data-id="{{ $item->id }}"
                                                                    data-current-id="{{ $item->pecahan_emas_global_id }}"
                                                                    data-pecahan="{{ $item->pecahan_emas_global->pecahan }}"
                                                                    data-brand_emas="{{ $item->pecahan_emas_global->brand_emas->brand }}"
                                                                    >
                                                                <i class="fa fa-pencil" aria-hidden="true"></i>
                                                            </button>
                                                                </form> --}}

                                                                <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_global->pecahan }}"
                                                                        data-brand_emas="{{ $item->pecahan_emas_global->brand_emas->brand }}">
                                                                    <i class="fa fa-pencil" aria-hidden="true"></i> Edit
                                                                </button>
                                                                
                                                            @endif
                                                        </div>
                                                    @endfor
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            <hr>
                            @else
                                <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th class="text-center">ID</th>
                                            <th class="text-center">Gold</th>
                                            <th class="text-center">Certificate</th>
                                            <th class="text-center">QRCode</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            @endif

                            @if ($tukar_fisik->is_new == 1 && $tukar_fisik->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_{{ $tukar_fisik->id }}">
                                                        @if(isset($tukar_fisik->tukar_fisik_pengiriman_id))
                                                            <input type="text" class="form-control text-center" value="{{ $tukar_fisik->pengiriman->no_resi }}" disabled style="margin-bottom: 5px; ">
                                                        @else
                                                            @php
                                                                $ttl_uncomplete += 1;
                                                            @endphp
                                                            <form class="form-resi">
                                                                <input type="hidden" name="id_tukar_fisik_item" value="{{ $tukar_fisik->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($tukar_fisik->status == 'waiting_shipment')
                                <hr>
                                @if($ttl_uncomplete == 0)
                                    <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/' . $tukar_fisik->id . '/tukar_fisik/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> --}}
                                            <button class="btn btn-lg btn-warning" type="button" onclick="sendToStore({{ $tukar_fisik->id }})" style="font-size: 15px;"><i class="fa fa-truck" aria-hidden="true"></i> Kirim ke Toko</button>
                                        </div>
                                    </div>
                                @else
                                    <div class="form-group text-center">
                                        <button class="btn btn-lg btn-default" type="button" disabled style="font-size: 15px;"><i class="fa fa-truck" aria-hidden="true"></i> Kirim ke Toko</button>  
                                    </div>
                                @endif
                            @endif

                            @if($tukar_fisik->status == 'shipping' || $tukar_fisik->status == 'ready_to_pickup')
                                <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/' . $tukar_fisik->id . '/tukar_fisik/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>
                                        @if ($tukar_fisik->is_new == 1 && $tukar_fisik->address->type == "alamat" && $ttl_uncomplete == 0 && $tukar_fisik->pengiriman->no_resi != null)
                                            <a href="{{ url('stock/cashout/' . $tukar_fisik->id . '/tukar_fisik/print_inv') }}" class="btn btn-lg btn-warning" target="_blank" style="font-size: 15px;"><i class="fa fa-print" aria-hidden="true"></i> Print INV</a>
                                        @endif
                                        <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>
                                    </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

                            @if ($user == '1')
                                <form id="form-sendEmail" class="form-horizontal">
                                    <input type="hidden" name="id" value="{{ $tukar_fisik->id }}">

                                    <div class="form-group text-center">
                                        <div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>
                                        <div class="submit">
                                            <button class="btn btn-warning" type="submit"><i class="fa fa-check" aria-hidden="true"></i> Resend Email</button>
                                        </div>
                                    </div>
                                </form>
                            @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_tukar_fisik_item" id="edit_id_tukar_fisik_item">
                    <input type="hidden" name="pecahan" id="edit_pecahan_value">

                    <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 id = $(this).data('id');
        var currentPecahan = $(this).data('pecahan');
        var currentBrand = $(this).data('brand_emas');

        $('#edit_id_tukar_fisik_item').val(id);
        $('#edit_pecahan_value').val(currentPecahan);
        $('#edit_current_brand').val(currentBrand + ' - ' + currentPecahan + ' Gram');
        $('#edit_brand_emas_id').val('');

        $('#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;
        }

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

        $.ajax({
            url: "{{ url('stock/cashout') }}/update_pecahan_tukar_fisik",
            method: "POST",
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            data: {
                id_tukar_fisik_item: $('#edit_id_tukar_fisik_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');
            }
        });
    });
    
    $(document).ready(function() {
        $('#form-sendEmail').on('submit', function(e) {
            e.preventDefault();

             if (!confirm('Apakah anda yakin ingin mengirim email?')) {
                return;
            }
            var id = $('input[name="id"]').val();

            // Tampilkan loading, sembunyikan button
            $('#form-sendEmail .loading').removeClass('hidden');
            $('#form-sendEmail .submit').addClass('hidden');

            $.ajax({
                url: "{{ url('stock/cashout') }}/" + id + '/tukar_fisik/resend_email',
                type: "POST",
                data: {
                    id: id,
                    _token: "{{ csrf_token() }}"
                },
                success: function(response) {
                    alert('email berhasil dikirim');
                    window.location.reload();

                },
                error: function(xhr) {
                    alert('Gagal mengirim email');
                    window.location.reload();

                },
                complete: function() {
                    // Sembunyikan loading, tampilkan button kembali
                    $('#form-sendEmail .loading').addClass('hidden');
                    $('#form-sendEmail .submit').removeClass('hidden');
                }
            });
        });
    });
    @if($tukar_fisik->status == 'waiting_shipment')
        $(".form").on("submit", function() {
            $('#cover-spin').fadeIn();
            var $form = $(this);

            $.ajax({
                url: 'apply_certificate_tukar_fisik',
                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) {
            $('#cover-spin').fadeIn();
            $.ajax({
                url: "{{ url('stock/cashout') }}/" + id + '/tukar_fisik/send_to_store',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: {
                    'id': id,
                },
                type: 'POST',
                success: function(response) {
                    location.reload();
                },
                error: function(response) {
                    $('#cover-spin').hide();
                }
            });
            return false;
        }
    @endif

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

            $.ajax({
                url: 'no_resi',
                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;
        })
    
    @if($tukar_fisik->status == 'shipping')
        function itemReceivedCutomer(id) {
            $('#cover-spin').fadeIn();
            $.ajax({
                url: "{{ url('stock/cashout') }}/" + id + '/tukar_fisik/item_receiving_customer',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: {
                    'id': id,
                },
                type: 'POST',
                success: function(response) {
                    location.reload();
                },
                error: function(response) {
                    $('#cover-spin').hide();
                }
            });
            return false;
        }
    @endif
</script>
@endsection