@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"
                            />
                           
                            <div class="card">
                                <div class="card-body">
                                    @csrf
                                    <form id="updateMatterFollowupForm" action="{{route('updateMatterFollowup')}}" method="POST">
                                        <div class="col-md-12">
                                            <input type="hidden" id="matter_id" name="matter_id" value="{{ encryption($matter->id) }}" />
                                            <input type="hidden" id="agenda_id" name="agenda_id" value="" />
                                            <div class="holder" style="box-shadow:0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2);">
                                                <div class="row m-3 pt-3">
                                                    <div class="col-md-6">
                                                        <label> {{ __('matter.title') }}</label>
                                                        <p class="text-secondary m-0">{{ $matter->title}}</p>
                                                    </div>
                                                    <div class="col-md-3">
                                                        <label> {{ __('matter.organization_slash_company') }}</label>
                                                        <p class="text-secondary m-0">{{ $matter->organizationName->name}}</p>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <label> {{ __('matter.type.header') }}</label>
                                                        <p class="text-secondary m-0">
                                                            @switch($matter->type)
                                                                @case('tarh')
                                                                    {{ __('matter.type.tarh') }}
                                                                    @break
                                                                @case('technical')
                                                                    {{ __('matter.type.technical') }}
                                                                    @break
                                                                @case('commission')
                                                                    {{ __('matter.type.commission') }}
                                                                    @break
                                                                @default
                                                            @endswitch
                                                        </p>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <label> {{ __('matter.status.header') }}</label>
                                                        <p class="text-secondary m-0">
                                                        @switch($matter->status)
                                                            @case('pending')
                                                                {{ __('matter.status.pending') }}
                                                                @break
                                                            @case('inprogress')
                                                                {{ __('matter.status.inprogress') }}
                                                                @break
                                                            @case('complete')
                                                                {{ __('matter.status.complete') }}
                                                                @break
                                                            @case('archive')
                                                                {{ __('matter.status.archive') }}
                                                                @break
                                                            @default
                                                        @endswitch
                                                    </div>
                                                </div>
                                                <div class="row m-3 pt-1 pb-3">
                                                    <hr>
                                                    <div class="col-md-12">
                                                        <label> {{ __('matter.description') }}</label>
                                                        <p class="text-secondary m-0">{{ $matter->description}}</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="col-md-12">
                                            <div class="row mb-4">
                                                <div class="col-md-6">
                                                    @php
                                                        // Check if $agendaMatter is not null and has the organizations property
                                                        $selectedOrganizations = !empty($agendaMatter) && !empty($agendaMatter->organizations) ? json_decode($agendaMatter->organizations) : [];
                                                    @endphp
                                                    <label style="font-size: 14px; font-weight: bold;">{{ __('agenda.include_organization') }} <span class="required">*</span></label>
                                                    <select name="r_organization[]" multiple class="form-control input-sm select2 m{{ app()->getLocale() == 'en' ? 'e' : 's' }}-2" style="width: 20%;">
                                                        @foreach ($organizations as $org)
                                                            <option value="{{ $org->id }}" 
                                                                @if (in_array($org->id, (array) $selectedOrganizations)) selected @endif>
                                                                {{ $org->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    <span class="text-danger hiddens">{{ __('global.required') }}</span>
                                                </div>
                                            
                                                <div class="col-md-4">
                                                    <label style="font-size: 14px; font-weight: bold;">{{ __('matter.implementation_time') }}</label>
                                                    <input type="text" name="implementationTime" id="implementationTime" class="form-control" value="{{ $agendaMatter->implementation_time ?? '' }}" placeholder="{{ __('matter.implementation_time') }}" />
                                                </div>
                                            
                                                <div class="col-md-2">
                                                    <label style="font-size: 14px; font-weight: bold;">{{ __('matter.status.header') }} <span class="required">*</span></label>
                                                    <select name="r_status" id="Status" class="form-control select2">
                                                        <option value="">--{{ __('global.select') }}--</option>
                                                        <option value="pending" @if(isset($agendaMatter->status) && $agendaMatter->status == 'pending') selected @endif>{{ __('matter.status.pending') }}</option>
                                                        @if($page_title == __('matter.followup_matter'))
                                                            <option value="inprogress" @if(isset($agendaMatter->status) && $agendaMatter->status == 'inprogress') selected @endif>{{ __('matter.status.inprogress') }}</option>
                                                            <option value="complete" @if(isset($agendaMatter->status) && $agendaMatter->status == 'complete') selected @endif>{{ __('matter.status.complete') }}</option>
                                                        @endif
                                                    </select>
                                                    <span class="text-danger hiddens">{{ __('global.required') }}</span>
                                                </div>
                                                
                                            </div>
                                            
                                            <div class="row mb-5">
                                                <div class="col-md-6">
                                                    <label style="font-size: 14px; font-weight: bold;">{{ __('matter.committee_decission') }} <span class="required">*</span></label>
                                                    <textarea name="r_committeeDecission" id="committeeDecission" rows="5" class="form-control">{{ $agendaMatter->prev_decission ?? '' }}</textarea>
                                                    <span class="text-danger hiddens">{{ __('global.required') }}</span>
                                                </div>
                                            
                                                <div class="col-md-6">
                                                    <label style="font-size: 14px; font-weight: bold;">{{ __('matter.action_summary') }}</label>
                                                    <textarea name="actionSummary" id="actionSummary" rows="5" class="form-control">{{ $agendaMatter->action_summary ?? '' }}</textarea>
                                                </div>
                                            </div>
                                            
                                        </div>
                                        <div class="modal-footer">
                                            <button type="reset" class="btn btn-secondary m{{ app()->getLocale() == 'en' ? 'e' : 's' }}-1">{{ __('global.reset') }} </button>
                                            <button type="submit" class="btn btn-primary m{{ app()->getLocale() == 'en' ? 's' : 'e' }}-1">{{ __('global.save') }}</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        
                        </div>
                    </div>
                </div>
            </div>
            <!-- end page title -->

        </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(){

            let agenda_id = lastUrlSegment();
            $('#agenda_id').val(agenda_id);

            $(document).on("submit", '#updateMatterFollowupForm', function(e){// add new leave in the system
                e.preventDefault();

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

                var formData = new FormData();
                formData.append('_token', "{{ csrf_token() }}");

                $.ajax({
                    url: $(this).attr('action'),
                    type: "POST",
                    data: new FormData(this),
                    contentType: false,
                    cache: false,
                    processData: false,
                    headers: {
                        "X-CSRF-TOKEN": "{{ csrf_token() }}"  // Set the CSRF token in the request headers
                    },
                    success:function(result){
                        if(result.status == 'success'){
                            toastr.options =
                            {
                                "closeButton" : true,
                                "progressBar" : true
                            }
                            toastr.success(result.message);
                            $("#updateMatterFollowupForm")[0].reset();
                            setTimeout(function() {
                                var redirectUrl = '{{ route("editAgenda", ["id" => "__id__"]) }}'.replace('__id__', agenda_id);
                                window.location.href = redirectUrl;
                            }, 1500); // 1 and half seconds in milliseconds
                        } else {
                            toastr.options =
                            {
                                "closeButton" : true,
                                "progressBar" : true
                            }
                            toastr.error(result.message);
                        }
                    },
                    error:function(result){
                        console.log(result, 'error');
                        var errors = result.responseJSON;
                        toastr.options =
                        {
                        "closeButton" : true,
                        "progressBar" : true
                        }
                        toastr.error(result.message);
                    }
                });
  
            });

        });
    </script>
@endsection