@extends('layouts.app')

@section('title', 'Item Delivery Setting')
@section('breadcrumb', 'Item Delivery Setting')
@section('sub-breadcrumb')
    <a href="{{route('setting.stock')}}" class="kt-subheader__breadcrumbs-link">
        Setting
    </a>
@endsection
@section('item-delivery', 'kt-menu__item--active')

@section('content')
    <div class="kt-portlet">
        <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> Item Delivery Setting
                                </div>
                            </div>
                            <div id="collapse-info" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion-info" style="">
                                <div class="card-body">
                                    <ul>
                                        <li>Merupakan pengaturan untuk menetukan item yang akan menjadi parameter pada <strong><i>Sales Invoice</i></strong> untuk menjadi item ongkos kirim</li>
                                        <li>Untuk setiap brand memiliki pengaturan masing-masing.</li>
                                        <li>Untuk mengganti brand, cukup ganti brand di bagian atas halaman (di sebelah nama Admin)</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {{-- end: hint --}}

            <div class="container">
                <form action="{{ route('setting.item-delivery.update') }}" method="POST">
                    @csrf
                    <div class="row">
                        <div class="mt-2"><b>Item</b></div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <select name="item" class="item-select2" style="width:100%!important;">
                                    <option value="">-- Choose Item --</option>
                                    @isset($item_delivery)
                                        @foreach ($item_delivery as $item)
                                            <option value="{{$item['id']}}" {{($item['id'] == $items) ? 'selected' : ''}}>{{$item['accurate_name']}}</option>
                                        @endforeach
                                    @endisset
                                </select>
                                {{-- <input name="limit" type="number" class="form-control number" value="{{$limit}}" required> --}}
                            </div>
                        </div>
                    </div>

                    <div>
                        <div class="form-group pull-right">
                            <button type="reset" class="btn btn-secondary reset mr-2"><i class="fa fa-undo"></i> Reset</button>
                            <button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Save</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
	</div>
@endsection

@section('custom-script')
<script>
    // In your Javascript (external .js resource or <script> tag)
    $(document).ready(function() {
        $('.item-select2').select2();
    });

    $(document).on('click', '.reset', function(){
            reset();
        })

        function reset() {
            $('.item-select2').val('').trigger('change');
        }
</script>
@endsection