@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="row">
                    <div class="col-sm-6 title_left">
                        <h3><i class="fa fa-edit"></i> Gold Swap - Convert Detail</h3>
                    </div>
                    <div class="col-sm-6 title_left">
                        <h3>
                            @php
                                $status = \App\Models\Gold_swap\Gold_swap_model::STATUS[$transaction->status];
                            @endphp
                            <label style="{{ $status['style'] }}">{!! $status['icon'] !!} {{ $status['label'] }} @if($status['detail_date'])<small>@ {{ $transaction->{$status['detail_date']} }}</small>@endif</label>
                        </h3>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">                
                <div class="col-xs-12">
                    <div class="x_panel">                        
                        <div class="x_content">
                            <form class="form-horizontal">
                                <div class="col-xs-12 col-sm-6">
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-5 control-label">Nama Customer</label>
                                        <div class="col-xs-12 col-sm-7">
                                            <input type="text" class="form-control" value="{{ $transaction->customer->name }}" disabled>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-5 control-label">Email Terdaftar</label>
                                        <div class="col-xs-12 col-sm-7">
                                            <input type="text" class="form-control" value="{{ $transaction->customer->email }}" disabled>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-5 control-label">No Hp Terdaftar</label>
                                        <div class="col-xs-12 col-sm-7">
                                            <input type="text" class="form-control" value="{{ $transaction->customer->handphone }}" disabled>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-5 control-label">Lakuemas Account Number</label>
                                        <div class="col-xs-12 col-sm-7">
                                            <input type="text" class="form-control" value="{{ $transaction->customer->tabungan[0]->nomor_rekening }}" disabled>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-5 control-label">Customer Elite ?</label>
                                        <div class="col-xs-12 col-sm-7">
                                            <div class="form-control" style="background: #eee; padding: 7px;">
                                                @if($is_elite)
                                                    <i class="text-success fa fa-star fa-pulse"></i><i class="text-warning fa fa-star fa-pulse"></i> Ya <i class="text-warning fa fa-star fa-pulse"></i><i class="text-success fa fa-star fa-pulse"></i>
                                                @else
                                                    <i>Non Elite</i>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-6">
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-5 control-label">Toko</label>
                                        <div class="col-xs-12 col-sm-7">
                                            <input type="text" class="form-control" value="{{ $transaction->store->toko_brand->brand . ' ' . $transaction->store->nama }}" disabled>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-5 control-label">Tanggal Penyerahan</label>
                                        <div class="col-xs-12 col-sm-7">
                                            <input type="text" class="form-control" value="{{ \Carbon\Carbon::parse($transaction->tanggal_penyerahan)->format('d F Y H:i') }}" disabled>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-5 control-label">Metode Penukaran</label>
                                        <div class="col-xs-12 col-sm-7">
                                            <input type="text" class="form-control" value="{{ \App\Models\Gold_swap\Gold_swap_model::METODE_PENUKARAN[$transaction->gold_swap_method]['label'] }}" disabled>
                                        </div>
                                    </div>
                                    @if($transaction->approved_qc_at && $transaction->approved_qc_by)
                                        <div class="form-group">
                                            <label class="col-xs-12 col-sm-5 control-label">Disetujui QC</label>
                                            <div class="col-xs-12 col-sm-7">
                                                <input type="text" class="form-control" value="{{ $transaction->userQcApprove->name }} | {{ $transaction->approved_qc_at }}" disabled>
                                            </div>
                                        </div>
                                    @endif
                                    @if($transaction->approved_ops_at && $transaction->approved_ops_by)
                                        <div class="form-group">
                                            <label class="col-xs-12 col-sm-5 control-label">Disetujui Oleh</label>
                                            <div class="col-xs-12 col-sm-7">
                                                <input type="text" class="form-control" value="{{ $transaction->userOpsApprove->name }} | {{ $transaction->approved_ops_at }}" disabled>
                                            </div>
                                        </div>
                                    @endif
                                    @if($transaction->status == 'rejected')
                                        <div class="form-group">
                                            <label class="col-xs-12 col-sm-5 control-label">Ditolak Oleh</label>
                                            <div class="col-xs-12 col-sm-7">
                                                <input type="text" class="form-control" value="{{ $transaction->userReject->name }}" disabled>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-xs-12 col-sm-5 control-label">Ditolak Pada</label>
                                            <div class="col-xs-12 col-sm-7">
                                                <input type="text" class="form-control" value="{{ $transaction->rejected_at }}" disabled>
                                            </div>
                                        </div>
                                    @endif
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">                
                <div class="col-xs-12">
                    <div class="x_panel">                        
                        <div class="x_content">
                            <table id="table_subscriber" class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th>No</th>
                                        <th>Brand Emas</th>
                                        <th>Foto Barang</th>
                                        <th>Foto Barang by JR</th>
                                        <th>No Sertifikat</th>
                                        <th class="text-right">Pecahan Emas Fisik (Gram)</th>
                                        <th class="text-right">Konversi (Gram)</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $total_conversion = 0;
                                    @endphp
                                    @forelse($transaction->details as $key => $detail)
                                        @php
                                            $gold_swap_convert = $detail->gold_swap_convert;
                                            $pecahan_emas_global_id = $detail->gold_swap_convert->pecahan_emas_global_id;
                                            $gold_swap_convert = \App\Models\Gold_swap\Gold_swap_convert_model::where('pecahan_emas_global_id', $pecahan_emas_global_id)->where('is_elite', $is_elite)->first();
                                            $conversion = $gold_swap_convert->convert;
                                            $calculate_conversion = $detail->conversion;
                                            if($transaction->status != 'approved') {
                                                $calculate_conversion = $gold_swap_convert->pecahan_emas_global->pecahan * $conversion;
                                            }
                                            $total_conversion += $calculate_conversion;
                                        @endphp
                                        <tr>
                                            <td class="text-left">{{ $key + 1 }}</td>
                                            <td class="text-left">{{ $gold_swap_convert->pecahan_emas_global->brand_emas->label }}</td>
                                            <td class="text-left" valign="top">
                                                <a href="{{ $detail->url_photo . $detail->photo_item_1 }}" target="_blank">
                                                    <img src="{{ $detail->url_photo . $detail->photo_item_1 }}" style="border: 1px solid #eee; padding: 3px;" width="60px;">
                                                </a>
                                                <a href="{{ $detail->url_photo . $detail->photo_item_2 }}" target="_blank">
                                                    <img src="{{ $detail->url_photo . $detail->photo_item_2 }}" style="border: 1px solid #eee; padding: 3px;" width="60px;">
                                                </a>
                                                <a href="{{ $detail->url_photo . $detail->photo_certieye }}" target="_blank">
                                                    <img src="{{ $detail->url_photo . $detail->photo_certieye }}" style="border: 1px solid #eee; padding: 3px;" width="60px;">
                                                </a>
                                            </td>
                                            <td class="text-left" valign="top">
                                                <a href="{{ $detail->url_photo . $detail->photo_item_1_store }}" target="_blank">
                                                    <img src="{{ $detail->url_photo . $detail->photo_item_1_store }}" style="border: 1px solid #eee; padding: 3px;" width="60px;">
                                                </a>
                                                <a href="{{ $detail->url_photo . $detail->photo_item_2_store }}" target="_blank">
                                                    <img src="{{ $detail->url_photo . $detail->photo_item_2_store }}" style="border: 1px solid #eee; padding: 3px;" width="60px;">
                                                </a>
                                                <a href="{{ $detail->url_photo . $detail->photo_certieye_store }}" target="_blank">
                                                    <img src="{{ $detail->url_photo . $detail->photo_certieye_store }}" style="border: 1px solid #eee; padding: 3px;" width="60px;">
                                                </a>
                                                <a href="{{ $detail->url_photo . $detail->photo_certieye_scan }}" target="_blank">
                                                    <img src="{{ $detail->url_photo . $detail->photo_certieye_scan }}" style="border: 1px solid #eee; padding: 3px;" width="60px;">
                                                </a>
                                            </td>
                                            <td class="text-left">{{ $detail->no_sertifikat }}</td>
                                            <td class="text-right">{{ $gold_swap_convert->pecahan_emas_global->pecahan }}</td>
                                            <td class="text-right">{{ $calculate_conversion }}</td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="10" class="text-center">No Data</td>
                                        </tr>
                                    @endforelse

                                    @if($transaction->details()->count() > 0)
                                        <tr style="background: #eee;">
                                            <td colspan="6" class="text-right">Total Konversi Saldo LEI (Gram)</td>
                                            <td class="text-right"><b>{{ $total_conversion }}</b></td>
                                        </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>


            @if(in_array($transaction->status, ['waiting_for_approval_qc']))
                @if(!$transaction->customer->email)
                    <h4 class="text-danger">### Customer ini belum mengisi email, code voucher tidak bisa dikirimkan ! ###</h4>
                @else
                    <div class="row">                
                        <div class="col-xs-12">
                            <div class="x_panel">                        
                                <div class="x_content">
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <form class="form-horizontal">
                                                <div class="form-group">
                                                    <label class="col-xs-12 col-sm-5 control-label">Alasan Menolak Pengajuan</label>
                                                    <div class="col-xs-12 col-sm-7">
                                                        <textarea class="form-control" id="reason_reject" name="reason_reject"></textarea>
                                                        <div style="padding-top: 3px; font-style: italic; color: red">*Wajib diisi jika Anda menolak transaksi ini</div>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-xs-12 col-sm-5 control-label"></label>
                                                    <div class="col-xs-12 col-sm-7">
                                                        <button type="button" class="btn btn-success" onclick="showPIN('approve')">Approve</button>
                                                        <button type="button" class="btn btn-danger" onclick="showPIN('reject')">Reject</button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
            @elseif($transaction->status == 'rejected')
                <div class="x_panel bg-danger"><b>Alasan Penolakan : </b> {{ $transaction->reject_reason }}</div>
            @endif

        </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">
            <h4 class="modal-title text-center" id="exampleModalLabel"><span id="contentPIN">Apakah Anda yakin ingin <b id="titleAction"></b> ?</span></h4>
        </div>
        <form id="form-pin" method="POST">
            <div class="text-center" style="padding-top: 10px;">Input PIN Anda</div>
            <textarea class="form-control" id="reason_form" name="reason_reject" style="display: none;"></textarea>
            {{ csrf_field() }}
            <input type="hidden" id="status_approval" name="status_approval">    
            <input type="hidden" id="reason_reject_form" name="reason_reject_form">    
            <div class="modal-body">
                <input type="password" name="pin" class="form-control" placeholder="PIN" style="text-align: center;">

                <div id="noReferensi" style="margin-top: 20px;"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary btn-submit">Submit</button>
            </div>
        </form>
        </div>
    </div>
</div>
@endsection

@section("scripts")
    <script type="text/javascript">
        function showPIN(status) {
            $('#status_approval').val(status);
            let reason_reject = $('#reason_reject').val();
            $('#reason_form').val(reason_reject);

            $('#titleAction').html('MENYETUJUI');
            if(status == 'reject') {
                $('#titleAction').html('MENOLAK');
            }

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

        $(".btn-submit").on("click", function() {
            let status_approval = $('#status_approval').val();
            let reason_reject = $('#reason_reject').val();
            if(status_approval == 'reject') {
                if(!reason_reject) {
                    alert('Alasan penolakan pengajuan customer harus diisi !');
                    return false;
                }
                $('#reason_reject_form').val(reason_reject);
            }

            $(".btn-submit").attr("disabled", "disabled").html('<i class="fa fa fa-spinner fa-pulse"></i> Processing');
            $.ajax({
                url: '{{ url('gold_swap/transaction/action/' . $transaction->gold_swap_code) }}',
                method: "POST",
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: $("#form-pin").serialize(),
                success: function(response) {
                    alert(response.message);
                    location.reload();
                },
                error: function(response) {
                    var response = response.responseJSON;
                    alert(response.error);
                    $(".btn-submit").removeAttr("disabled", "disabled").html('<i class="fa fa-check"></i> Approve');
                }
            });
            return false;
        })
    </script>
@endsection