@extends('lay.dnekcab.retsam')

@section('title')
  {{ $page_title }}
@endsection

@section('page-content')
    <div class="page-content">
        <div class="container-fluid">

            <!-- start page title -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body list-heading">
                            <!-- card-header -->
                            <!--cenario 1: only header, 2:header and add button, 3:header and print, other:header , add button and prin. type:both[pdf,excel], type:[pdf], type:[excel] -->
                            <x-card-header
                                :scenario="'1'"
                                :pageTitle="$page_title"
                            />
                            @csrf
                            <form id="updateResultForm" action="{{route('updateResult')}}" method="POST">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="col-md-12">
                                            <div class="row mb-4">
                                                <div class="col-md-12">
                                                    <div class="row mb-4">
                                                        <div class="col-md-12 mt-3">
                                                            <label for="resultAagenda" class="form-label">{{ __('result.agenda') }}</label>
                                                            <select name="r_resultAagenda" id="resultAagenda" class="form-control select2">
                                                                <option value="{{ encryption($result->agenda->id)}}">
                                                                    {{ $result->agenda->title }}
                                                                    [
                                                                        @if($result->agenda->type == 'tarh') {{ __('agenda.type.tarh') }}
                                                                        @elseif($result->agenda->type == 'technical') {{ __('agenda.type.technical') }}
                                                                        @elseif($result->agenda->type == 'commission') {{ __('agenda.type.commission') }}
                                                                        @endif
                                                                    ]
                                                                    {{ $result->agenda->time }}
                                                                </option>

                                                                @if($agendas->isNotEmpty())
                                                                    @foreach($agendas as $agenda)
                                                                        <option value="{{ encryption($agenda->id) }}" @if($agenda->id == $result->agenda_id) selected @endif>
                                                                            {{ $agenda->title }}
                                                                            [
                                                                                @if($agenda->type == 'tarh') {{ __('agenda.type.tarh') }}
                                                                                @elseif($agenda->type == 'technical') {{ __('agenda.type.technical') }}
                                                                                @elseif($agenda->type == 'commission') {{ __('agenda.type.commission') }}
                                                                                @endif
                                                                            ]
                                                                            {{ $agenda->time }}
                                                                        </option>
                                                                    @endforeach
                                                                @endif
                                                            </select>
                                                            <span class="text-danger hiddens">{{ __('global.required') }}</span>
                                                        </div>
                                                        <div class="col-md-12 mt-3">
                                                            <input type="hidden" id="item_id" name="item_id" value="{{ encryption($result->id) }}" />
                                                            <label for="resultTitle" class="form-label">{{ __('result.title') }} <span class="required">*</span></label>
                                                            <input type="text" name="r_resultTitle" id="resultTitle" value="{{ $result->title }}" class="form-control" placeholder="{{__('result.title')}}" @if($result->action != null) disabled @endif />
                                                            <span class="text-danger hiddens">{{ __('global.required') }}</span>
                                                        </div>
                                                        <div class="col-md-12 mt-3">
                                                            @if($result->resultMatters && $result->resultMatters->count())
                                                                <div class="col-md-12">
                                                                    <div class="table-responsive">
                                                                        <table class="table table-bordered table-striped">
                                                                            <thead class="thead-dark sticky-top shadow-sm">
                                                                                <tr>
                                                                                    <th>{{ __('matter.item') }}</th>
                                                                                    <th>{{ __('result.decission') }}</th>
                                                                                </tr>
                                                                            </thead>
                                                                            <tbody>
                                                                                @foreach($result->resultMatters as $resultMatter)
                                                                                    @if($resultMatter->matters)
                                                                                        <tr>
                                                                                            <td>{{ $resultMatter->matters->title }}</td>
                                                                                            <td>{{ $resultMatter->decission }}</td>
                                                                                        </tr>
                                                                                    @endif
                                                                                @endforeach
                                                                            </tbody>
                                                                        </table>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </div>

                                                        <div class="col-md-12 mt-3">
                                                            <label for="resultOrganization" class="form-label">{{ __('result.include_organization')}} <span class="required">*</span></label>
                                                            <select name="r_resultOrganization[]" id="resultOrganization" multiple class="form-control input-sm select2 m{{ app()->getLocale() == 'en' ? 'e' : 's' }}-2">
                                                                <option value=''>{{__('global.select')}}</option>
                                                                @if ($organizations)
                                                                    @foreach ($organizations as $orga)
                                                                        @php
                                                                            $isSelected = in_array($orga->id, $selectedCommissionOrganization) ? 'selected' : '';
                                                                        @endphp
                                                                       <option value="{{ encryption($orga->id) }}" {{ $isSelected }}>{{ $orga->name }}</option>
                                                                    @endforeach
                                                                @endif
                                                            </select>
                                                            <span class="text-danger hiddens required">{{ __('global.required') }}</span>
                                                        </div>

                                                        <div class="col-md-12">
                                                            <div class="row mt-4">
                                                                <div class="col-md-2 mt-3">
                                                                    <button type="submit" class="btn btn-primary form-control m{{ app()->getLocale() == 'en' ? 's' : 'e' }}-1">{{ __('global.update')}}</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end page title -->

            <x-confirmation-modal />

        </div> <!-- container-fluid -->
    </div>

@endsection

@section('js')
    <!-- jquery step -->
    <script src="{{asset('assets/libs/jquery-steps/build/jquery.steps.min.js')}}"></script>
    <!-- form wizard init -->
    <script src="{{asset('assets/dnekcab/js/pages/form-wizard.init.js')}}"></script>
    <script type="text/javascript">

        $(document).ready(function(){

            var access_token = $("#access_token").val();

            $('#resultAagenda').select2({
                templateResult: function(item) {
                    if (!item.id) {
                        return item.text; // Return the default option
                    }

                    var icon = '<i class="bx bx-time"></i>'; // Your icon
                    return $('<span>' + item.text.split(' - ')[0] + ' - ' + item.text.split(' - ')[1] + ' ' + icon + '</span>');
                },
                templateSelection: function(item) {
                    return item.text; // Display selected item
                }
            });

            $(document).on('submit', '#updateResultForm', function (e) {
                e.preventDefault();

                if (!validateForm('updateResultForm')) {
                    return false;
                }

                var formData = new FormData(this);

                $.ajax({
                    url: $(this).attr('action'),
                    type: "POST",
                    data: formData,
                    contentType: false,
                    cache: false,
                    processData: false,
                    headers: {
                        "X-CSRF-TOKEN": "{{ csrf_token() }}"  // Set the CSRF token in the request headers
                    },
                    success: function(response) {
                        // Handle the success response
                        if (response.status == 'success') {
                            toastr.options = {
                                "closeButton": true,
                                "progressBar": true,
                            };
                            toastr.success(response.message);
                            $("#updateResultForm")[0].reset();
                            setTimeout(function() {
                                window.location.href = '{{ route("allResult") }}';
                            }, 2000); // 2 seconds in milliseconds
                        } else {
                            toastr.options = {
                                "closeButton": true,
                                "progressBar": true,
                            };
                            toastr.error(response.message);
                        }
                    },
                    error: function(xhr, status, error) {
                        // Handle the error response
                        console.error('Form submission failed');
                    }
                });
            });

        });
    </script>
@endsection