@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('css')
    <style>
        ul {
            margin: 0;
        }

        .custom-box {
            border: 1px solid black;
            margin-top: 75px;
            padding: 20px;
            border-radius: 10px;
        }
    </style>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css"
        integrity="sha512-nMNlpuaDPrqlEls3IX/Q56H36qvBASwb3ipuo3MxeWbsQB1881ox0cRv7UPTgBlriqoynt35KjEwgGUeUXIPnw=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
@endsection

@section('body_content')
    <div class="container body">
        <div class="main_container">
            @include('includes.sidebar')
            <div class="right_col" role="main">
                <div class="container">
                    <div class="col-xs-12">
                        <div class="x_panel">
                            <div class="page-title">
                                <div class="title_left">
                                    <h3>Access Action Edit</h3>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12">
                        <div class="x_panel">
                            <div class="container">
                                <div class="row justify-content-center">
                                    <div class="col-8">
                                        <form action="{{ route('access/updete', ['id' => $akses->id]) }}" method="POST"
                                            enctype="multipart/form-data">
                                            {!! csrf_field() !!}
                                            <div class="mb-3">
                                                <label for="exampleInputEmail1" class="form-label"
                                                    style="margin-top: 15px">Akses</label>
                                                <input type="text" name="code" value="{{ $akses->access }}"
                                                    placeholder="Masukan Code" class="form-control"
                                                    aria-describedby="emailHelp" readonly>
                                            </div>
                                            @if ($akses->id == '1' || $akses->id == '3' || '6')
                                                <div class="mb-3">
                                                    <label for="exampleInputEmail1" class="form-label"
                                                        style="margin-top: 15px">Data</label>
                                                    <select type="text" id="data" name="data[]" multiple="multiple"
                                                        class="form-control" aria-describedby="emailHelp" required>
                                                        @if (!empty($akses->data))
                                                            @foreach (explode(',', $akses->data) as $value)
                                                                <option value="{{ $value }}" selected>
                                                                    {{ $value }}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                </div>
                                            @endif
                                            
                                            @if ($akses->id == '2')
                                                <div class="mb-3">
                                                    <label for="exampleInputEmail1" class="form-label"
                                                        style="margin-top: 15px">Data</label>
                                                    <select type="text" id="data2" name="data[]" multiple="multiple"
                                                        class="form-control" aria-describedby="emailHelp" required>
                                                            @php
                                                                $storeIds = explode(',', $akses->data);
                                                                $storeNames = [];

                                                                foreach ($storeIds as $storeId) {
                                                                    $store = App\Models\SGK\SGK_store_model::find($storeId);
                                                                    $storeName = $store ? $store->cmk_code . ' - '. $store->name : 'Store not found';
                                                                    $storeNames[] = $storeName;

                                                                    echo '<option value="' . $storeId . '" selected>' . $storeName . '</option>';
                                                                }
                                                            @endphp
                                                    </select>
                                                </div>
                                            @endif



                                            @if ($akses->id == '4' || $akses->id == '5')
                                                <div class="mb-3">
                                                    <label for="exampleInputEmail1" class="form-label"
                                                        style="margin-top: 15px">Data</label>
                                                    <select type="text" id="data1" name="data[]" multiple="multiple"
                                                        class="form-control" aria-describedby="emailHelp" required>
                                                        @if (!empty($akses->data))
                                                            @foreach (explode(',', $akses->data) as $value)
                                                                <option value="{{ $value }}" selected>
                                                                    {{ $value }}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                </div>
                                            @endif
                                            <button type="submit" class="btn btn-primary form-control text-white"
                                                style="margin-top: 30px;">Submit</button>
                                        </form>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @include('includes.footer')
        </div>
    </div>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>

    <script>
        jQuery(document).ready(function($) {
            $('#data').select2({
                placeholder: 'Select',
                allowClear: true,
                tags: true,
                tokenSeparators: [','],
                ajax: {
                    url: "{{ route('getUserSgk') }}",
                    type: "post",
                    delay: 100,
                    dataType: 'json',
                    data: function(params) {
                        return {
                            name: params.term,
                            "_token": "{{ csrf_token() }}",
                        };
                    },
                    processResults: function(data) {
                        return {
                            results: $.map(data, function(item) {
                                return {
                                    id: item.username,
                                    text: item.username + ' - ' + item.name
                                }
                            })
                        };
                    },
                },
            });
        });

        jQuery(document).ready(function($) {
            $('#data1').select2({
                placeholder: 'Select',
                allowClear: true,
                tags: true,
                tokenSeparators: [','],
                ajax: {
                    url: "{{ route('getusers') }}",
                    type: "post",
                    delay: 100,
                    dataType: 'json',
                    data: function(params) {
                        return {
                            name: params.term,
                            "_token": "{{ csrf_token() }}",
                        };
                    },
                    processResults: function(data) {
                        return {
                            results: $.map(data, function(item) {
                                return {
                                    id: item.username,
                                    text: item.username + ' - ' + item.name
                                }
                            })
                        };
                    },
                },
            });
        });

        jQuery(document).ready(function($) {
            $('#data2').select2({
                placeholder: 'Select',
                allowClear: true,
                tags: true,
                tokenSeparators: [','],
                ajax: {
                    url: "{{ route('getStores') }}",
                    type: "post",
                    delay: 100,
                    dataType: 'json',
                    data: function(params) {
                        return {
                            name: params.term,
                            "_token": "{{ csrf_token() }}",
                        };
                    },
                    processResults: function(data) {
                        return {
                            results: $.map(data, function(item) {
                                return {
                                    id: item.id,
                                    text: item.cmk_code + ' - ' + item.name
                                }
                            })
                        };
                    },
                },
            });
        });
    </script>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
    </script>
@endsection