@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content')
@section('body_content')
    <div class="container body">
        <div class="main_container">
            @include('includes.sidebar')
            <!-- <form id="form"> -->
            <div class="right_col" role="main">
                <div class="row">
                    <div class="col-xs-8">
                        <h2 class="title-dashboard">Resell <small>#{{ $transaction->invoice }}</small></h2>
                    </div>
                    @if ($user_list_allowed[0] != '0')
                        <div class="col-xs-4">
                            @if (in_array(auth()->user()->username, $user_list_allowed))
                                <button type="button" class="btn btn-danger" onclick="confirmCancelTrx()"><i
                                        class="fa fa-exclamation-triangle"></i> Reject Transaction</button>
                            @endif
                        </div>
                    @endif
                    <div class="col-xs-12">
                        <hr>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-12">
                        <div class="alert alert-success">
                            <center>
                                @if ($transaction->is_jaws)
                                    <b><i class="fa fa-user"></i> Created By</b> : JAWS TRX
                                @else
                                    <b><i class="fa fa-user"></i> Created By</b> :
                                    {{ $transaction->createdByAE ? $transaction->createdByAE->name : '-' }}
                                @endif
                                [{{ $transaction->created_ae_at ? \Carbon\Carbon::parse($transaction->created_ae_at)->format('d M Y H:i') : '-' }}]&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
                                <b><i class="fa fa-check"></i> Approved QC By</b> :
                                @if ($transaction->store->form_type->id == '1' || $transaction->store->form_type->id == '5')
                                    {{ $transaction->approvedQAbylakuemas ? $transaction->approvedQAbylakuemas->name : '-' }}
                                @else
                                    {{ $transaction->approvedQAby ? $transaction->approvedQAby->name : '-' }}
                                @endif
                                [{{ $transaction->approved_qa_at ? \Carbon\Carbon::parse($transaction->approved_qa_at)->format('d M Y H:i') : '-' }}]&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
                                <b><i class="fa fa-external-link"></i> Disbursed By</b> :
                                {{ $transaction->approvedDisbursedBy ? $transaction->approvedDisbursedBy->name : '-' }}
                                [{{ $transaction->approved_at ? \Carbon\Carbon::parse($transaction->approved_at)->format('d M Y H:i') : '-' }}]
                            </center>
                        </div>
                    </div>
                    {{-- <h1>{{ $transaction->store->form_type->id }} </h1>  --}}
                    <div class="col-xs-6">
                        <div class="x_panel">
                            <div class="x_content">
                                <h3 style="font-size:1em;">Transaction</h3>
                                <hr>

                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <label class="col-xs-5 col-md-4 col-lg-3 control-label">ID</label>
                                        <div class="col-xs-7 col-sm-8">
                                            <input type="text" class="form-control" disabled="disabled"
                                                value="{{ $transaction->id }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-5 col-md-4 col-lg-3 control-label">Invoice</label>
                                        <div class="col-xs-7 col-sm-8">
                                            <input type="text" class="form-control" disabled="disabled"
                                                value="{{ $transaction->invoice }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-5 col-md-4 col-lg-3 control-label">Date</label>
                                        <div class="col-xs-7 col-sm-8">
                                            <input type="text" class="form-control" disabled="disabled"
                                                value="{{ $transaction->invoice_date }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-5 col-md-4 col-lg-3 control-label">Status</label>
                                        <div class="col-xs-7 col-sm-8">
                                            <select id="statusInput" class="form-control" disabled>
                                                @foreach(\App\Models\Butik\Butik_store_resell_invoice_model::STATUS as $key => $val)
                                                    <option value="{{ $key }}" {{ $transaction->status == $key ? 'selected' : '' }}>
                                                        {{ $val['text'] }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            {{-- <input type="text" class="form-control" disabled="disabled"
                                                value="{{ \App\Models\Butik\Butik_store_resell_invoice_model::STATUS[$transaction->status]['text'] }}"> --}}
                                        </div>
                                    </div>
                                    @if ($user == '1')
                                            <div class="form-group">
                                                <label class="col-xs-5 col-md-4 col-lg-3 control-label"></label>
                                                <div class="col-xs-7 col-sm-8">
                                                    <button type="button" id="btnEditPhone" class="btn btn-warning">
                                                        Edit
                                                    </button>                   
                                                    <button type="button" id="btnSavePhone" class="btn btn-success" style="display:none;" data-id="{{ $transaction->id }}">
                                                        Save
                                                    </button>
                                                </div>
                                            </div>
                                        @endif
                                    <div class="form-group">
                                        <label class="col-xs-5 col-md-4 col-lg-3 control-label">Payment Method</label>
                                        <div class="col-xs-7 col-sm-8">
                                            <input type="text" class="form-control" disabled="disabled"
                                                value="{{ $transaction->payment_method }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @if ($transaction->payment_method == 'transfer')
                        <div class="col-xs-6">
                            <div class="x_panel">
                                <div class="x_content">
                                    <h3 style="font-size:1em;">Customer Bank</h3>
                                    <hr>

                                    <div class="form-horizontal">
                                        <div class="form-group">
                                            <label class="col-xs-5 col-md-4 col-lg-3 control-label">Bank</label>
                                            <div class="col-xs-7 col-sm-8">
                                                <input type="text" class="form-control" disabled="disabled"
                                                    value="{{ $transaction->customer_bank }}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-xs-5 col-md-4 col-lg-3 control-label">Account Number</label>
                                            <div class="col-xs-7 col-sm-8">
                                                <input type="text" class="form-control" disabled="disabled"
                                                    value="{{ $transaction->customer_bank_account_number }}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-xs-5 col-md-4 col-lg-3 control-label">Account Name</label>
                                            <div class="col-xs-7 col-sm-8">
                                                <input type="text" class="form-control" disabled="disabled"
                                                    value="{{ $transaction->customer_bank_account_name }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>
                <div class="row">
                    <div class="col-xs-6">
                        <div class="x_panel">
                            <div class="x_content">
                                <h3 style="font-size:1em;">Customer</h3>
                                <hr>
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <label class="col-xs-5 col-md-4 col-lg-3 control-label">Name</label>
                                        <div class="col-xs-7 col-sm-8">
                                            <input type="text" class="form-control" disabled
                                                value="{{ $transaction->customer_name }}">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-5 col-md-4 col-lg-3 control-label">Email</label>
                                        <div class="col-xs-7 col-sm-8">
                                            <input type="email" class="form-control" disabled
                                                value="{{ $transaction->customer_email }}">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-5 col-md-4 col-lg-3 control-label">Handphone</label>
                                        <div class="col-xs-7 col-sm-8">
                                            <input type="tel" class="form-control" disabled
                                                value="{{ $transaction->customer_handphone }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="x_panel">
                            <div class="x_content">
                                <h3 style="font-size:1em;">Customer KYC</h3>
                                <hr>
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <label class="col-xs-5 col-md-4 col-lg-3 control-label">KTP Number</label>
                                        <div class="col-xs-7 col-sm-8">
                                            @php $arr_tanda_pengenal = json_decode($transaction->customer->tanda_pengenal, true); @endphp
                                            <input type="text" class="form-control" disabled
                                                value="{{ $arr_tanda_pengenal['nomor'] }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12">
                        <div class="x_panel">
                            <div class="x_content">
                                <div class="row">
                                    <div class="col-xs-8">
                                        <h3 style="font-size:1em;">Items</h3>
                                    </div>
                                </div>
                                <hr>
                                <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th class="text-center" width="30%">Brand</th>
                                            <th class="text-center">Type</th>
                                            <th class="text-right">Weight</th>
                                            <th class="text-right">Carat</th>
                                            <th class="text-center">Image</th>
                                            <th class="text-center">Reason Image</th>
                                            <th class="text-right">Year</th>
                                            <th class="text-right">Physique Year</th>
                                            <th class="text-right">Price</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($transaction->detail as $transaction_detail)
                                            <tr>
                                                <td class="text-center">
                                                    {{ $transaction_detail->item_brand->brand_name }}
                                                    @if ($transaction_detail->plu)
                                                        <div style="font-weight: bold;">
                                                            ({{ $transaction_detail->plu }})
                                                        </div>
                                                        <div style="font-weight: bold;">
                                                            {{ $transaction_detail->plu_code }}
                                                        </div>

                                                        @if (in_array(auth()->user()->username, explode(',', env('IT_TEAM_MEMBERS'))))
                                                            <div class="row"
                                                                style="margin: 5px; margin-top: 20px; padding: 5px; border: 1px dashed #555;">
                                                                <form action="{{ url('butik/resell/plu_edit') }}"
                                                                    method="post">
                                                                    {{ csrf_field() }}
                                                                    <input type="hidden" name="trx_detail_id"
                                                                        value="{{ $transaction_detail->id }}">
                                                                    <div class="col-xs-12 col-md-7 text-left"
                                                                        style="margin: 4px;">
                                                                        <div>PLU New</div>
                                                                        <input type="text" class="form-control"
                                                                            name="plu_edit"
                                                                            value="{{ $transaction_detail->plu }}"
                                                                            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 class="text-center">{{ $transaction_detail->item_type->type }}</td>
                                                <td class="text-right">{{ $transaction_detail->weight }}</td>
                                                <td class="text-right">{{ $transaction_detail->item_carat->carat_text }}
                                                </td>
                                                <td class="text-center">
                                                    @if (!empty($transaction_detail->invoice_detail_image) > 0)
                                                        @foreach ($transaction_detail->invoice_detail_image as $k => $v)
                                                            {{-- <a href="{{ env('ALIYUN_OSS_IMAGE_URL_BUTIK'). '/item/'. $v->image }}"
                                                                target="_blank">
                                                                <img src="{{ env('ALIYUN_OSS_IMAGE_URL_BUTIK'). '/item/'. $v->image }}"
                                                                    height="30" />
                                                            </a> --}}
                                                            @if(\Illuminate\Support\Str::endsWith($v->image, '.pdf'))
                                                                {{-- Jika file PDF --}}
                                                                <a href="{{ env('ALIYUN_OSS_IMAGE_URL_BUTIK') }}/item/{{ $v->image }}" target="_blank">
                                                                    <img src="/images/PDF_icon.png" height="30" />
                                                                </a>
                                                            @else
                                                                {{-- Jika file gambar --}}
                                                                <a href="{{ env('ALIYUN_OSS_IMAGE_URL_BUTIK') }}/item/{{ $v->image }}" target="_blank">
                                                                    <img src="{{ env('ALIYUN_OSS_IMAGE_URL_BUTIK') }}/item/{{ $v->image }}" height="30" />
                                                                </a>
                                                            @endif
                                                            @if ($user == '1')
                                                              <button class="btn btn-danger btn-sm btn-remove-image"
                                                                    data-type="multiple"
                                                                    data-id="{{ $v->id }}"
                                                                    data-image="{{ $v->image }}">
                                                                    x
                                                                </button>
                                                            @endif
                                                          
                                                        @endforeach
                                                        <div style="padding-top: 2px;">
                                                            <button type="button" class="btn btn-sm btn-success"
                                                                onclick="addImageModal({{ $transaction_detail->id }}, '{{ $transaction_detail->item_brand->brand_name }}', '{{ $transaction_detail->plu }}')"><i
                                                                    class="fa fa-plus"></i></button>
                                                        </div>
                                                    @endif
                                                </td>
                                                <td>
                                                    <div style="font-weight: bold;">
                                                            @php
                                                                $reasons = json_decode($transaction_detail->reason_add_image, true);
                                                            @endphp
                                                            @if(!empty($reasons) > 0)
                                                                @foreach($reasons as $reason)
                                                                    <li>
                                                                        {{ $reason['reason'] }}, @ {{ $reason['timestamp'] }}
                                                                    </li>
                                                                @endforeach
                                                            @endif
                                                    </div>
                                                
                                                    <div class="row" style="margin: 5px; margin-top: 20px; padding: 5px; border: 1px dashed #555;">
                                                        <form action="{{ url('butik/resell/transaction/reason_img_item') }}" method="post">
                                                            {{ csrf_field() }}
                                                            <input type="hidden" name="image_detail_id" value="{{ $transaction_detail->id }}">
                                                            <div class="col-xs-12 col-md-12" style="margin: 4px;">
                                                                <textarea type="text" class="form-control" name="reason_image" placeholder="Reason Image" required></textarea>
                                                            </div>
                                                            <div class="col-md-12 text-left" style="margin: 4px;">
                                                                <button class="btn btn-success">submit</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </td>
                                                <td class="text-right">
                                                    {{ $transaction_detail->year ?? '' }}
                                                    @if ($user == 1)
                                                        <form action="{{ url('butik/resell/year_edit') }}" method="post">
                                                            {{ csrf_field() }}
                                                            <input type="hidden" name="trx_detail_id" value="{{ $transaction_detail->id }}">
                                                            <div class="col-xs-12 col-md-12" style="margin: 4px;">
                                                                <select class="form-control" name="year" required>
                                                                    <option value="">-</option>
                                                                    @foreach ($year_list as $year)
                                                                        <option value="{{ $year }}" {{ $transaction_detail->year == $year ? 'selected' : '' }}>{{ $year }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            <div class="col-md-12 text-left" style="margin: 4px;">
                                                                <button class="btn btn-success">submit</button>
                                                            </div>
                                                        </form>
                                                    @endif
                                                </td>
                                                <td class="text-right">
                                                    {{ $transaction_detail->tahun_fisik ?? '' }}
                                                    @if ($user == 1)
                                                        <form action="{{ url('butik/resell/tahun_fisik_edit') }}" method="post">
                                                            {{ csrf_field() }}
                                                            <input type="hidden" name="trx_detail_id" value="{{ $transaction_detail->id }}">
                                                            <div class="col-xs-12 col-md-12" style="margin: 4px;">
                                                                <select class="form-control" name="tahun_fisik" required>
                                                                    <option value="">-</option>
                                                                    @foreach ($year_list as $year)
                                                                        <option value="{{ $year }}" {{ $transaction_detail->tahun_fisik == $year ? 'selected' : '' }}>{{ $year }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            <div class="col-md-12 text-left" style="margin: 4px;">
                                                                <button class="btn btn-success">submit</button>
                                                            </div>
                                                        </form>
                                                    @endif
                                                    </td>
                                                <td class="text-right">{{ number_format($transaction_detail->price) }}</td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="8" class="text-center">No Data</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <td class="text-right" colspan="8">Total</td>
                                            <td class="text-right">{{ number_format($transaction->total_product_price) }}
                                            </td>
                                        </tr>
                                        @if (!empty($transaction->rounding))
                                            <tr>
                                                <td class="text-right" colspan="8">Rounding</td>
                                                <td class="text-right">{{ number_format($transaction->rounding) }}</td>
                                            </tr>
                                        @endif
                                        @if (!empty($transaction->service_fee))
                                            <tr>
                                                <td class="text-right" colspan="8">Service Fee</td>
                                                <td class="text-right">{{ number_format($transaction->service_fee) }}</td>
                                            </tr>
                                        @endif
                                        <tr>
                                            <td class="text-right" colspan="8">Grand Total</td>
                                            <td class="text-right">{{ number_format($transaction->grandtotal) }}</td>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12">
                        <div class="x_panel">
                            <div class="x_content">
                                <div class="row">
                                    <div class="col-xs-8">
                                        <h3 style="font-size:1em;">Iris Logs</h3>
                                    </div>
                                </div>
                                <hr>
                                <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th class="text-center">Created at</th>
                                            <th class="text-center">Type</th>
                                            <th class="text-center">Reference Number</th>
                                            <th class="text-center">Status Code</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($transaction->iris_log as $iris_log)
                                            <tr>
                                                <td class="text-center">{{ $iris_log->created_at }}</td>
                                                <td class="text-center">{{ $iris_log->type }}</td>
                                                <td class="text-center">{{ $iris_log->reference_number }}</td>
                                                <td class="text-center">{{ $iris_log->status_code }}</td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="4" class="text-center">No Data</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- </form> -->
            <div class="modal fade" tabindex="-1" role="dialog" id="modal-addImage">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                    aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title">Tambahkan Foto Barang</h4>
                        </div>
                        <form id="form-addImage" class="form-horizontal" enctype="multipart/form-data">
                            <input type="hidden" id="item_temporary_id" name="item_temporary_id">
                            <div class="modal-body">
                                <div class="form-group">
                                    <div class="col-xs-5 col-md-4 col-lg-4 control-label"
                                        style="margin-top: -6px !important;">
                                        <span id="brandName"></span>
                                        <div id="pluName" style="font-size: 10px; font-family: verdana; color: #777;">
                                        </div>
                                    </div>
                                    <div class="col-xs-7 col-sm-8 col-lg-8">
                                        <div class="input-group">
                                            <input type="file" class="form-control input-photo" name="photo"
                                                accept="image/*,application/pdf">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
                                <button type="submit" class="btn btn-success btn-add-customer">Tambahkan</button>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('scripts')
    <script type="text/javascript" src="{{ asset('/js/imageTools.js') }}"></script>
    <script type="text/javascript">

        $(document).on('click', '#btnEditPhone', function () {
            $('#statusInput').prop('disabled', false); // aktifkan input
            $('#btnEditPhone').hide(); // sembunyikan tombol edit
            $('#btnSavePhone').show(); // tampilkan tombol save
        });

        $(document).on('click', '#btnSavePhone', function () {
            let id = $(this).data('id');
            let status = $('#statusInput').val();

            $.ajax({
                url: '/butik/resell/transaction/' + id + '/update_status',
                method: 'POST',
                data: {
                    _token: $('meta[name="csrf-token"]').attr('content'),
                    status: status
                },
                success: function (res) {
                    $('#statusInput').prop('disabled', true);
                    $('#btnEditPhone').show();
                    $('#btnSavePhone').hide();

                    alert('Status berhasil diupdate');
                    location.reload();
                },
                error: function (err) {
                    console.log(err);
                    alert('Gagal update status');
                }
            });
        });
        function addImageModal(id, brand, plu) {
            $('#item_temporary_id').val(id);
            $('#brandName').html(brand);
            $('#pluName').html(plu);
            $('#modal-addImage').modal('show');
        }

        $(document).on('click', '.btn-remove-image', function () {
            let id = $(this).data('id');
            let image = $(this).data('image');
            let type = $(this).data('type');
            let btn = $(this);

            if (!confirm('Yakin ingin hapus gambar ini?')) {
                return;
            }

            $.ajax({
                url: '/butik/resell/transaction/' + id + '/remove_image',
                method: 'POST', // biasanya tetap POST di Laravel
                data: {
                    _token: '{{ csrf_token() }}',
                    id: id,
                    image: image,
                    type: type,
                    action: 'delete'
                },
                success: function (res) {

                    // optional notif
                    alert('Gambar berhasil dihapus');
                    location.reload();
                },
                error: function (err) {
                    console.log(err);
                    alert('Gagal hapus gambar');
                }
            });
        });

        $("#form-addImage").on("submit", function(event) {
            event.preventDefault(); // Prevent default form submission

            var form = $("#form-addImage")[0];
            var formData = new FormData(form);
            var file = $('.input-photo')[0].files[0];

            if (file) {
                formData.append('photo', file);
                $.ajax({
                    url: '{{ url("butik/resell/transaction/".$transaction->id."/add_img_item") }}',
                    method: "POST",
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    data: formData,
                    contentType: false,
                    processData: false,
                    success: function(response) {
                        iziToast.success({
                            title: 'OK',
                            position: 'topRight',
                            message: "Item added",
                        });
                        location.reload();
                    },
                    error: function(response) {
                        iziToast.error({
                            title: '',
                            position: 'topRight',
                            message: response.responseJSON.error || 'An error occurred',
                        });
                    }
                });
            } else {
                iziToast.error({
                    title: '',
                    position: 'topRight',
                    message: 'Foto barang tidak boleh kosong!',
                });
            }
        });



        function confirmCancelTrx() {
            if (confirm("Apakah Anda yakin ingin me-REJECT transaksi ini ?") == true) {
                if (confirm("Anda yakin kan ?") == true) {
                    $.ajax({
                        url: '{{ url('butik/resell/recheck/' . $transaction->id . '/reject') }}',
                        method: "POST",
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        data: {
                            'note': '{{ $transaction->id }}'
                        },
                        success: function(response) {
                            alert("Transaction has been rejected !");
                            location.reload();
                        },
                        error: function(response) {
                            var response = response.responseJSON;
                            alert(response.error);
                        }
                    });
                }
            }
        }
    </script>
@endsection