@php
	use App\Lib\MyHelper;
    $grantedFeature = session('granted_features');
@endphp
@extends('layouts.app')

@section('title', 'Order Pending')
@section('breadcrumb', 'Order Pending')
@section('sub-breadcrumb')
    {{-- <span class="kt-subheader__breadcrumbs-separator"></span> --}}
    <a href="{{route('order.pending')}}" class="kt-subheader__breadcrumbs-link">
        List
    </a>
    <span class="kt-subheader__breadcrumbs-separator"></span>
    <a href="{{route('order.pending.deliver', [MyHelper::encSlug($id), MyHelper::encSlug($brand)])}}" class="kt-subheader__breadcrumbs-link">
        Detail Pending Items
    </a>
    <span class="kt-subheader__breadcrumbs-separator"></span>
    <a class="kt-subheader__breadcrumbs-link">
        Edit Pending Items
    </a>
@endsection
@section('order-p', 'kt-menu__item--open kt-menu__item--here')
@section('order-pending', 'kt-menu__item--active')
@section('content')
    <div class="kt-portlet">
        <div class="kt-portlet__head">
            <div class="kt-portlet__head-label">
                <h3 class="kt-portlet__head-title">
                    <i class="fa fa-edit"></i> Edit Order outlet <b>{{$order['brand_outlet']['name']}}</b>
                </h3>
            </div>
            <div class="kt-portlet__head-toolbar">
                <a href="#" data-toggle="modal" data-target="#createItem"><i class="fa fa-plus"></i> Add Item</a>
            </div>
        </div>
        <div class="kt-portlet__body">
            @include('layouts.notification')
            {{-- begin: hint --}}
            <div class="mb-4">
                <div class="col-md-12">
                    <div class="accordion accordion-toggle-arrow" id="accordion-info">
                        <div class="card" style="border-bottom: 1px solid #ebedf2">
                            <div class="card-header" id="headingOne4">
                                <div class="card-title" data-toggle="collapse" data-target="#collapse-info" aria-expanded="true" aria-controls="collapse-info">
                                    <i class="flaticon-info"></i> Edit Order Mitra
                                </div>
                            </div>
                            <div id="collapse-info" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion-info" style="">
                                <div class="card-body">
                                    <div>Merupakan halaman untuk melakukan penambahan dan pengurangan item / kuantitas order yang dilakukan, pada halaman ini yang dapat anda lakukan adalah:</div>
                                    <div>
                                        <ul>
                                            <li>
                                                Melihat detail order.
                                            </li>
                                            <li>
                                                Mengubah kuantitas item order yang ada.
                                            </li>
                                            <li>
                                                Menambahkan item order yang ada.
                                            </li>
                                            <li>
                                                Menghapus item yang ada dengan catatan, jika terdapat tombol delete pada action anda harus menghapusnya dengan menggunakan tombol delete tsb, tetapi jika tidak terdapat tombol delete anda harus mengisi valuenya dengan angka <b>0</b>.
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {{-- end: hint --}}
            <form action="{{route('order.pending.update')}}" method="POST">
                @csrf
                <div class="col-md-12 mt-2 pl-0">
                    <h5><i class="flaticon2-delivery-truck"></i> Detail Barang</h5>
                    <table class="table">
                        <tr>
                            <th>Item</th>
                            <th>Qty</th>
                            <th>Unit</th>
                            <th>SKU</th>
                            <th>Limit Order</th>
                            <th>Action</th>
                        </tr>
                        <input name="id_outlet" type="hidden" value="{{$order['brand_outlet']['id']}}">
                        <input name="do_id" type="hidden" value="{{$order['do_id_accurate']}}">
                        <input name="boo_id" type="hidden" value="{{$order['id']}}">
                        @foreach ($order['brand_outlet_order_details'] as $item)
                            <input name="id[]" type="hidden" value="{{$item['id']}}">
                            <tr>
                                <td>{{$item['name']}}</td>
                                <td style="width: 150px;">
                                    @if ($item['brand_item']['multiple_order'] == null)
                                        <input name="qty[]" type="text" value="{{$item['qty']}}" class="form-control">
                                    @else
                                        <input id="qty{{$item['id']}}" name="qty[]" type="hidden" value="{{$item['qty']}}">
                                        <a href="#" class="badge" onclick="min({{$item['id']}},{{$item['qty']}}, {{$item['brand_item']['multiple_order']}})"><i class="fa fa-minus"></i> </a>
                                        <a class="badge badge-secondary"><span id="add_data">{{$item['qty']}}</span></a>
                                        <a href="#" class="badge" onclick="add({{$item['id']}},{{$item['qty']}}, {{$item['brand_item']['multiple_order']}})"><i class="fa fa-plus"></i> </a>
                                    @endif
                                </td>
                                <td>{{$item['brand_item']['brand_item_unit2_order']['unit']['name']}}</td>
                                <td>{{$item['brand_item']['accurate_code']}}</td>
                                <td>
                                    @if ($item['brand_item']['limit'] !== null)
                                        {{$item['brand_item']['limit']}}
                                    @else
                                        <i class="fas fa-infinity"></i>
                                    @endif
                                </td>
                                <td>
                                    @if ($item['is_be'] == 1 && $item['is_edited'] == 0)
                                    <a data-toggle='kt-tooltip' data-html='true' data-original-title='Delete Item' href="{{route('order.update.destroy2', [MyHelper::encSlug($item['id']), MyHelper::encSlug($item['name'])])}}" class='btn-delete text-danger'><i class='fa fa-trash'></i> Delete</a>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </table>
                </div>

                <div class="kt-separator kt-separator--dashed"></div>
                <div class="col-md-12 mt-2 pl-0">
                    <div class="pull-right">
                        <button type="reset" class="btn btn-secondary"><i class="flaticon2-refresh"></i> Reset</button>
                        <button type="submit" class="btn btn-warning text-white"><i class="flaticon2-edit"></i> Update</button>
                    </div>
                </div>

                {{-- START MODAL --}}
                {{-- <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Master PIN Confirmation</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        </div>
                        <div class="modal-body">
                            <div class="form-group">
                                <label> Masukan Master PIN anda</label>
                                <input type="password" autocomplete="new-password" name="validate_pin" class="form-control" placeholder="******" maxlength="6">
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button class="btn btn-secondary btn-back" type="button">Back</button>
                            <button type="submit" class="btn btn-warning text-white"><i class="flaticon2-edit"></i> Update</button>
                        </div>
                    </div>
                    </div>
                </div> --}}
                {{-- END MODAL --}}

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


    {{-- modal create --}}
    <div class="modal fade" id="createItem" tabindex="-1" role="dialog" aria-labelledby="createItemLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="createItemLabel"><i class="fa fa-plus"></i> Add Order Item</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form action="{{route('order.update.item')}}" method="POST">
                    @csrf
                <div class="modal-body">
                    @if (isset($error))
                        <span class="text-danger">*{{$error}}</span>
                    @endif
                    <div class="form-group">
                        <label>Item</label>
                        <select name="item" id="item" class="form-control" style="width:100%">
                            <option value="">-- Pilih Item --</option>
                            @foreach ($acc_item as $key => $value)
                                <option value="{{$value['id_item']}}">{{$value['item_name']}} - {{$value['unit_name']}} - {{$value['accurate_code']}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Qty</label>
                        <input type="text" name="qty" class="form-control" style="width:25%" placeholder="E.g: 5">
                        <input type="hidden" name="id" value="{{$id}}">
                    </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">Add Item</button>
                </div>
                </form>
            </div>
        </div>
    </div>

@endsection
@section('custom-script')
<script>
    $(".btn-back").on("click", function(){
        window.history.back();
    });
</script>

<script>
    $('body').on('click', '.btn-delete', function (event) {
        event.preventDefault();

        var me = $(this),
            url = me.attr('href'),
            title = me.attr('title'),
            csrf_token = $('meta[name="csrf-token"]').attr('content');

        swal.fire({
            title: 'Are you sure want to delete this item?',
            text: 'You won\'t be able to revert this!',
            type: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Yes, delete it!'
        }).then((result) => {
            if (result.value) {
                $('#loading').show();
                $.ajax({
                    url: url,
                    type: "POST",
                    data: {
                        '_method': 'DELETE',
                        '_token': csrf_token
                    },
                    success: function (response) {
                        $('#loading').hide();
                        console.log(response)
                        if (response.status == "fail") {
                            swal.fire({
                                type: 'error',
                                title: 'Oops...',
                                text: reponse.messages
                            });
                        }
                        if (response.status == "success") {
                            swal.fire({
                                type: 'success',
                                title: 'Success!',
                                text: 'Data has been deleted!'
                            });
                            location.reload();
                        }
                    },
                    error: function (xhr) {
                        $('#loading').hide();
                        swal.fire({
                            type: 'error',
                            title: 'Oops...',
                            text: 'Something went wrong!'
                        });
                    }
                });
            }
        });
    });
</script>

<script>
    function add(id,qty, multiple_order) {
        event.preventDefault();
        var data = parseInt($("span#add_data").text());
        var data_hid = parseInt($("#qty"+id).val());
        if (data > 0) {
            $("span#add_data").text(data += multiple_order);
            $("#qty"+id).val(data_hid += multiple_order);
        }
    }
</script>
<script>
    function min(id,qty, multiple_order) {
        event.preventDefault();
        var data = parseInt($("span#add_data").text());
        var data_hid = parseInt($("#qty"+id).val());
        if (data > multiple_order) {
            $("span#add_data").text(data -= multiple_order);
            $("#qty"+id).val(data_hid -= multiple_order);
        }
    }
</script>
@endsection