@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>Move Request #{{ $request->reference_number }}</h3>
                    </div>
                    <div class="clearfix"></div>
                </div>

                <form id="form" class="form-horizontal">
                    <input type="hidden" name="id" value="{{ $request->id }}">
                    <div class="x_panel">
                        <div class="x_content">
                            <div class="row">
                                <div class="col-xs-12">
                                    <div class="form-group">
                                        <label class="control-label col-sm-3">NIK :</label>
                                        <div class="col-sm-9">
                                            <input type="text" disabled
                                                value="{{ $request->requester ? $request->requester->username : '-' }}"
                                                class="form-control" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Name :</label>
                                        <div class="col-sm-9">
                                            <input type="text" disabled
                                                value="{{ $request->requester ? $request->requester->name : '-' }}"
                                                class="form-control" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Team :</label>
                                        <div class="col-sm-9">
                                            <input type="text" disabled
                                                value="{{ $request->requester_team ? $request->requester_team->name : '-' }}"
                                                class="form-control" />
                                        </div>
                                    </div>
                                    <hr>
                                </div>

                                <div class="col-xs-12 col-sm-6">
                                    <div class="form-group">
                                        <label class="control-label col-sm-3">ID :</label>
                                        <div class="col-sm-9">
                                            <input type="text" disabled value="{{ $request->id }}"
                                                class="form-control" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Reference Number :</label>
                                        <div class="col-sm-9">
                                            <input type="text" id="reference_number" disabled value="{{ $request->reference_number }}"
                                                class="form-control" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Status :</label>
                                        <div class="col-sm-9">
                                            <input type="text" disabled
                                                value="{{ \App\Models\Stock_request_move_model::STATUS[$request->status]['TEXT'] }}"
                                                class="form-control" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">From Group Lokasi :</label>
                                        <div class="col-sm-9">
                                            @if ($request->move_approved_by == null && $logined_user->id_users_team == 1)
                                                <select id="fromgrouplokasi" name="fromgrouplokasi" class="form-control">
                                                    <option value="">-- Pilih Group Lokasi --</option>
                                                    @foreach ($group as $item)
                                                        <option value="{{ $item->id }}" {{ optional($request->fromLokasi)->actual_group_location_id == $item->id ? 'selected' : '' }}>{{ $item->name }}</option>
                                                    @endforeach
                                                </select>
                                            @else
                                                <input type="text" disabled
                                                    value="{{ $request->actual_location_from_id ? $request->fromLokasi->code : '-' }} - {{ $request->actual_location_from_id ? $request->fromLokasi->group_lokasi->name : '-' }}"
                                                    class="form-control" />
                                            @endif
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">From Lokasi :</label>
                                        <div class="col-sm-9">
                                            @if ($request->move_approved_by == null && $logined_user->id_users_team == 1)
                                                <select id="from_lokasi_id" name="from_lokasi_id" class="form-control">
                                                    @if ($request->actual_location_from_id)
                                                        <option value="{{ $request->fromLokasi->id }}" selected>{{ $request->fromLokasi->code }} - {{ $request->fromLokasi->name }}</option>
                                                    @else
                                                        <option value="">-- Pilih Lokasi --</option>
                                                    @endif
                                                </select>
                                                <button type="button" class="btn btn-success btn-sm btn-save_from_lokasi"
                                                    style="margin-top: 5px;">Save</button>
                                            @else
                                                <input type="text" disabled
                                                    value="{{ $request->actual_location_from_id ? $request->fromLokasi->code : '-' }} - {{ $request->actual_location_from_id ? $request->fromLokasi->name : '-' }}"
                                                    class="form-control" />
                                                <input type="hidden" id="from_lokasi_id"
                                                    value="{{ $request->actual_location_from_id ? $request->fromLokasi->id : '-' }}" />
                                            @endif
                                        </div>
                                    </div>
                                </div>

                                <div class="col-xs-12 col-sm-6">
                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Notes :</label>
                                        <div class="col-sm-9">
                                            <textarea class="form-control" disabled rows="2">{{ $request->notes }}</textarea>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Move Type :</label>
                                        <div class="col-sm-9">
                                            <input type="text" disabled
                                                value="{{ $request->move_types ? $request->move_types->name : '-' }}"
                                                class="form-control" />
                                            <input type="hidden" id="move_type_id"
                                                value="{{ $request->move_types ? $request->move_types->id : '-' }}" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Kode Transaksi :</label>
                                        <div class="col-sm-9">
                                            @if ($request->kode_transaksi)
                                                <input type="text" disabled value="{{ $request->kode_transaksi }}"
                                                    class="form-control" />
                                            @else
                                                <input type="text" disabled value="-" class="form-control" />
                                            @endif

                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">To Group Lokasi :</label>
                                        <div class="col-sm-9">
                                            @if ($request->move_approved_by == null && $logined_user->id_users_team == 1)
                                                <select id="togrouplokasi" name="togrouplokasi" class="form-control">
                                                    <option value="">-- Pilih Group Lokasi --</option>
                                                    @foreach ($group as $item)
                                                        <option value="{{ $item->id }}" {{ optional($request->toLokasi)->actual_group_location_id == $item->id ? 'selected' : '' }}>{{ $item->name }}</option>
                                                    @endforeach
                                                </select>
                                            @else
                                                <input type="text" disabled
                                                    value="{{ $request->actual_location_to_id ? $request->toLokasi->code : '-' }} - {{ $request->actual_location_to_id ? $request->toLokasi->group_lokasi->name : '-' }}"
                                                    class="form-control" />
                                            @endif
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">To Lokasi :</label>
                                        <div class="col-sm-9">
                                            @if ($request->move_approved_by == null && $logined_user->id_users_team == 1)
                                                <select id="lokasi_id" name="lokasi_id" class="form-control">
                                                    @if ($request->actual_location_to_id)
                                                        <option value="{{ $request->toLokasi->id }}" selected>{{ $request->toLokasi->code }} - {{ $request->toLokasi->name }}</option>
                                                    @else
                                                        <option value="">-- Pilih Lokasi --</option>
                                                    @endif
                                                </select>
                                                <button type="button" class="btn btn-success btn-sm btn-save_to_lokasi"
                                                    style="margin-top: 5px;">Save</button>
                                            @else
                                                <input type="text" disabled
                                                    value="{{ $request->actual_location_to_id ? $request->toLokasi->code : '-' }} - {{ $request->actual_location_to_id ? $request->toLokasi->name : '-' }}"
                                                    class="form-control" />
                                                <input type="hidden" id="lokasi_id"
                                                    value="{{ $request->actual_location_to_id ? $request->toLokasi->id : '-' }}" />
                                            @endif
                                        </div>
                                    </div>

                                    <div class="form-group" hidden>
                                        <label class="control-label col-sm-3">ID :</label>
                                        <div class="col-sm-9">
                                            <input type="text" disabled value="{{ $request->id }}"
                                                class="form-control" />
                                        </div>
                                    </div>
                                </div>

                                <div class="col-xs-12">
                                    <hr>
                                    @if ($request->status == 'done')
                                        <div class="col-xs-12 text-right">
                                            <a href="{{ route("stock/move/request/move_excel_certificate_detail", $request->id) }}"
                                                class="btn btn-success">Excel</a>
                                        </div>
                                    @endif
                                    @if ($request->status != 'done')
                                        <table class="table table-bordered table-striped table-gold">
                                            <thead>
                                                <tr>
                                                    <th class="text-center">No</th>
                                                    <th class="text-center">Brand</th>
                                                    <th class="text-center">Certificate</th>
                                                    <th class="text-center">Fragment</th>
                                                    <th class="text-right">Quantity</th>
                                                    <th class="text-right">Remaining</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                    $no = 1;
                                                    $totalPecahan = 0;
                                                    $totalQuantity = 0;
                                                    $totalRemaining = 0;
                                                @endphp

                                                @foreach ($request->request_detail as $gold)
                                                    <tr>
                                                        <td class="text-center">{{ $no++ }}</td>
                                                        <td class="text-center">{{ $gold->gold_detail->brand_emas->brand }}</td>
                                                        <td class="text-center">{{ $gold->certificate ? $gold->certificate : '~' }}</td>
                                                        <td class="text-center">{{ $gold->gold_detail->pecahan }} Gram {{ $gold->gold_detail->special_name }}
                                                        </td>
                                                        <td class="text-right">{{ $gold->quantity }}</td>
                                                        <td class="text-right">{{ $gold->remaining }}</td>
                                                    </tr>
                                                    @php
                                                        $totalPecahan += $gold->gold_detail->pecahan;
                                                        $totalQuantity += $gold->quantity;
                                                        $totalRemaining += $gold->remaining;
                                                    @endphp
                                                @endforeach

                                            <tfoot>
                                                <tr>
                                                    <td colspan="3" class="text-right"><b>TOTAL</b></td>
                                                    <td class="text-center">{{ $totalPecahan }} Gram</td>
                                                    <td class="text-right">{{ $totalQuantity }}</td>
                                                    <td class="text-right">{{ $totalRemaining }}</td>
                                                </tr>
                                            </tfoot>
                                            </tbody>
                                        </table>
                                    @elseif ($request->status == 'done')
                                        <table class="table table-bordered table-striped table-gold">
                                            <thead>
                                                <tr>
                                                    <th class="text-center">No</th>
                                                    <th class="text-center">Brand</th>
                                                    <th class="text-center">Certificate</th>
                                                    <th class="text-center">PLU CODE</th>
                                                    <th class="text-center">Fragment</th>
                                                    <th class="text-right">Quantity</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                    $no = 1;
                                                    $qty = 1;
                                                    $totalPecahan = 0;
                                                    $totalQuantity = 0;
                                                @endphp

                                                @foreach ($request->move->gold_detail as $data)
                                                    <tr>
                                                        <td class="text-center">{{ $no++ }}</td>
                                                        <td class="text-center">{{ $data->gold_detail->brand_emas->brand }}</td>
                                                        <td class="text-center">{{ $data->certificate }}</td>
                                                        <td class="text-center">
                                                            {{ $data->stock_character ? $data->stock_character->plu_code : '' }}
                                                        </td>
                                                        <td class="text-center">{{ $data->gold_detail->pecahan }} Gram
                                                        </td>
                                                        <td class="text-right">{{ $qty }}</td>
                                                    </tr>
                                                    @php
                                                        $totalPecahan += $data->gold_detail->pecahan;
                                                        $totalQuantity += $qty;
                                                    @endphp
                                                @endforeach
                                            </tbody>
                                            <tfoot>
                                                <tr>
                                                    <td colspan="4" class="text-right"><b>TOTAL</b></td>
                                                    <td class="text-center">{{ $totalPecahan }} Gram</td>
                                                    <td class="text-right">{{ $totalQuantity }}</td>
                                                </tr>
                                            </tfoot>
                                        </table>
                                    @endif

                                </div>

                                <div class="col-xs-12">
                                    <h5 style="margin-bottom:0; font-weight:700">LOG</h5>
                                    <hr style="margin-top:5px;">

                                    <table class="table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                                <th class="text-center">No</th>
                                                <th class="text-center">Date</th>
                                                <th class="text-center">User</th>
                                                <th class="text-center">Log</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                                $no = 1;
                                            @endphp
                                            @foreach ($request->log as $log)
                                                <tr>
                                                    <td class="text-center">{{ $no++ }}</td>
                                                    <td class="text-center">{{ $log->created_at }}</td>
                                                    <td class="text-center">{{ $log->user->name }}</td>
                                                    <td class="text-center">{{ $log->log }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>

                                <div class="col-xs-12">
                                    <hr>

                                    <div class="form-group text-center">
                                        <div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>
                                        <div class="submit">
                                            @if ($request->status == \App\Models\Stock_request_move_model::STATUS['pending']['ID'])
                                                <button class="btn btn-danger btn-cancel" type="button"><i
                                                        class="fa fa-trash" aria-hidden="true"></i> Cancel</button>
                                                @if ($logined_user->is_supervisor == '1')
                                                    <button class="btn btn-primary btn-team_approve" type="button"><i
                                                            class="fa fa-check" aria-hidden="true"></i> Team
                                                        Approval</button>
                                                    <button class="btn btn-danger btn-reject" type="button"><i
                                                            class="fa fa-check" aria-hidden="true"></i> Reject</button>
                                                @endif
                                            @endif

                                            @if (
                                                $request->status == \App\Models\Stock_request_move_model::STATUS['approved']['ID'] &&
                                                    $logined_user->id_users_team == \App\Models\Users_team_model::TEAM['PROCUREMENT']['ID']
                                            )
                                                <button class="btn btn-primary btn-team_approve" type="button"><i
                                                        class="fa fa-check" aria-hidden="true"></i> Proceed</button>
                                            @endif
                                        </div>
                                        <div class="d-flex justify-content-center align-items-center mt-3">
                                            @if (
                                                $request->move_approved_by == null &&
                                                    $request->status == 'done' &&
                                                    $request->id_requester == Auth::id() &&
                                                    !$request->gold_prio)
                                                <form id="approveForm_{{ $request->id }}"
                                                    action="{{ route('stock/move/request/approve_moved', ['id' => $request->id]) }}"
                                                    method="POST" class="m-0 me-2">
                                                    {!! csrf_field() !!}
                                                    <button type="button" class="btn btn-success"
                                                        onclick="approveMove({{ $request->id }})">
                                                        Approved Move
                                                    </button>
                                                </form>
                                                <button class="btn btn-danger btn-cancel" type="button"><i
                                                        class="fa fa-trash" aria-hidden="true"></i> Cancel</button>
                                            @elseif(!empty($request->move_approved_by))
                                                <span>Approved</span>
                                            @else
                                                <span>-</span>
                                            @endif

                                            {{-- @if ($request->status == 'done' && $request->move_approved_by != null)
                                                <form id="approveForm_{{ $request->id }}"
                                                    action="{{ route('stock/move/request/approve_moved', ['id' => $request->id]) }}"
                                                    method="POST" class="m-0">
                                                    {!! csrf_field() !!}
                                                    <button type="button" class="btn btn-danger"
                                                        onclick="reconfirmApproveMove({{ $request->id }})">
                                                        Reconfirm Approved Move
                                                    </button>
                                                </form>
                                            @endif --}}

                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </form>
            </div>
            @include('includes.footer')
        </div>
    </div>
@endsection

@section('scripts')
    <script type="text/javascript">
        function reconfirmApproveMove(requestId) {
            if (confirm('Are you sure you want to reconfirm approve move?')) {
                $.ajax({
                    type: 'POST',
                    url: '{{ route('stock/move/request/approve_moved', ['id' => $request->id]) }}',
                    data: {
                        '_token': '{{ csrf_token() }}',
                        'id': requestId
                    },
                    success: function(data) {
                        console.log("data berhasil di approved");
                        window.alert('Approved successfully');

                        location.reload();
                    },
                    error: function(error) {
                        console.error(error);
                    }
                });
            }
        }

        function approveMove(requestId) {
            if (confirm('Are you sure you want to approve move?')) {
                $.ajax({
                    type: 'POST',
                    url: '{{ route('stock/move/request/approve_moved', ['id' => $request->id]) }}',
                    data: {
                        '_token': '{{ csrf_token() }}',
                        'id': requestId
                    },
                    success: function(data) {
                        console.log("data berhasil di approved");
                        window.alert('Approved successfully');

                        location.reload();
                    },
                    error: function(error) {
                        console.error(error);
                    }
                });
            }
        }
        $('#fromgrouplokasi').on('change', function() {
            var groupId = $(this).val();
            var $lokasiSelect = $('#from_lokasi_id');
            $lokasiSelect.empty();
            $lokasiSelect.append('<option value="">-- Pilih Lokasi --</option>');
            if (!groupId) return;
            $.ajax({
                url: '/getLokasi/' + groupId,
                type: "GET",
                data: {
                    "_token": "{{ csrf_token() }}"
                },
                dataType: "json",
                success: function(data) {
                    $.each(data, function(key, lokasi) {
                        $lokasiSelect.append('<option value="' + lokasi.id + '">' + lokasi.cmk_code +
                            " - " + lokasi.name + '</option>');
                    });
                },
                error: function(error) {
                    console.error(error);
                }
            });
        })

        $(".btn-save_from_lokasi").on("click", function() {
            var fromLokasiId = $("#from_lokasi_id").val();
            if (!fromLokasiId) {
                alert("Pilih lokasi terlebih dahulu");
                return;
            }

            if (!confirm("Apakah anda yakin ingin menyimpan From Lokasi ini?")) {
                return;
            }

            var $btn = $(this);
            $btn.prop("disabled", true);

            $.ajax({
                url: '{{ $request->id }}/update_from_lokasi',
                method: "POST",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: {
                    id: '{{ $request->id }}',
                    from_lokasi_id: fromLokasiId
                },
                success: function(response) {
                    alert("From Lokasi berhasil disimpan");
                    location.reload();
                },
                error: function(response) {
                    var response = response.responseJSON;
                    alert(response.error);
                    $btn.prop("disabled", false);
                }
            });
        })

        $('#togrouplokasi').on('change', function() {
            var groupId = $(this).val();
            var $lokasiSelect = $('#lokasi_id');
            $lokasiSelect.empty();
            $lokasiSelect.append('<option value="">-- Pilih Lokasi --</option>');
            if (!groupId) return;
            $.ajax({
                url: '/getLokasi/' + groupId,
                type: "GET",
                data: {
                    "_token": "{{ csrf_token() }}"
                },
                dataType: "json",
                success: function(data) {
                    $.each(data, function(key, lokasi) {
                        $lokasiSelect.append('<option value="' + lokasi.id + '">' + lokasi.cmk_code +
                            " - " + lokasi.name + '</option>');
                    });
                },
                error: function(error) {
                    console.error(error);
                }
            });
        })

        $(".btn-save_to_lokasi").on("click", function() {
            var toLokasiId = $("#lokasi_id").val();
            if (!toLokasiId) {
                alert("Pilih lokasi terlebih dahulu");
                return;
            }

            if (!confirm("Apakah anda yakin ingin menyimpan To Lokasi ini?")) {
                return;
            }

            var $btn = $(this);
            $btn.prop("disabled", true);

            $.ajax({
                url: '{{ $request->id }}/update_to_lokasi',
                method: "POST",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: {
                    id: '{{ $request->id }}',
                    lokasi_id: toLokasiId
                },
                success: function(response) {
                    alert("To Lokasi berhasil disimpan");
                    location.reload();
                },
                error: function(response) {
                    var response = response.responseJSON;
                    alert(response.error);
                    $btn.prop("disabled", false);
                }
            });
        })

         $(".btn-cancel").on("click", function() {

             // ambil value reference_number
                var referenceNumber = $("#reference_number").val(); 
                // atau kalau ada di data attribute tombol:
                // var referenceNumber = $(this).data("reference");

                if (!confirm("Apakah anda yakin ingin membatalkan move dengan nomor referensi: " + referenceNumber + " ? Barang akan dikembalikan ke lokasi asal")) {
                    return false; // batal kirim ajax
                }
                $("#form").find(".submit").addClass("hidden");
                $("#form").find(".loading").removeClass("hidden");

                $.ajax({
                    url: '{{ $request->id }}/cancel',
                    method: "POST",
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    data: $("#form").serialize(),
                    success: function(response) {
                        alert("Data saved, page will be refresh");
                        location.reload();
                    },
                    error: function(response) {
                        var response = response.responseJSON;
                        alert(response.error);
                        $("#form").find(".submit").removeClass('hidden');
                        $("#form").find(".loading").addClass('hidden');
                    }
                });
                return false;
            })
        @if ($request->status == \App\Models\Stock_request_move_model::STATUS['pending']['ID'])

            @if ($logined_user->is_supervisor == '1')
                $(".btn-team_approve").on("click", function() {
                    var lokasiId = $("#lokasi_id").val();
                    var fromlokasiId = $("#from_lokasi_id").val();
                    var moveTypeId = $("#move_type_id").val();
                    $("#form").find(".submit").addClass("hidden");
                    $("#form").find(".loading").removeClass("hidden");

                    $.ajax({
                        url: '{{ $request->id }}/team_approve',
                        method: "POST",
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },

                        data: $("#form").serialize() + "&lokasi_id=" + lokasiId + "&from_lokasi_id=" +
                            fromlokasiId + "&move_type_id=" + moveTypeId,
                        success: function(response) {
                            alert("Data saved, page will be refresh");
                            location.reload();
                        },
                        error: function(response) {
                            var response = response.responseJSON;
                            alert(response.error);
                            $("#form").find(".submit").removeClass('hidden');
                            $("#form").find(".loading").addClass('hidden');
                        }
                    });
                    return false;
                })

                $(".btn-reject").on("click", function() {
                    $("#form").find(".submit").addClass("hidden");
                    $("#form").find(".loading").removeClass("hidden");

                    $.ajax({
                        url: '{{ $request->id }}/reject',
                        method: "POST",
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        data: $("#form").serialize(),
                        success: function(response) {
                            alert("Data saved, page will be refresh");
                            location.reload();
                        },
                        error: function(response) {
                            var response = response.responseJSON;
                            alert(response.error);
                            $("#form").find(".submit").removeClass('hidden');
                            $("#form").find(".loading").addClass('hidden');
                        }
                    });
                    return false;
                })
            @endif
        @endif
    </script>
@endsection