@php $i = 1; @endphp
@foreach($taqibiLetters as $item)
    <div class="accordion mb-2" id="organization-section-{{ $i }}">
        <div class="accordion-item">
            @php
            $letterStatus = "";
            $letterStatusTitle = $item->execution;
            if($item->execution === 'تحت کار'){
                $letterStatus = 'alert alert-info p-0 mb-0';
            }else if($item->execution === 'معذرت خواسته شد'){
                $letterStatus = 'alert alert-danger p-0 mb-0';
            }else{
                $letterStatus = 'alert alert-success p-0 mb-0';
            }
            @endphp
            <h2 class="accordion-header {{ $letterStatus }}" id="organization-section-heading-{{ $i }}" title="{{ $letterStatusTitle }}">
                <button class="accordion-button fw-medium collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#searchCollapse-{{ $i }}" aria-expanded="false" aria-controls="searchCollapse-{{ $i }}">
                    <i class="fas fa-home" style="padding-{{ app()->getLocale() == 'en' ? 'right' : 'left' }}:0.35rem;"></i> 
                    {{ $item->organizationInfo->name }}
                </button>
            </h2>
            <div id="searchCollapse-{{ $i }}" class="accordion-collapse collapse" aria-labelledby="organization-section-heading-{{ $i }}" data-bs-parent="#organization-section-{{ $i }}">
                <div class="accordion-body">
                    <form method="POST" action="{{ route('letter.taqibi.update', ['id' => encryption($item->id)]) }}" id="execution-letter-update-{{ $i }}">
                        @csrf
                        @method('PUT')
                        <div class="row">
                            <div class="col">
                                <label>{{ __('letters.activity_description')}}</label>
                                <textarea name="execution_desc" class="form-control" rows="4" id="execution_desc_{{ $i }}">{{ $item->execution_desc }}</textarea>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col">
                                <label>{{ __('letters.executions')}}</label>
                                <select name="execution" id="execution_{{ $i }}" class="form-control no-select2">
                                    <option value="">{{ __('global.select')}}</option>
                                    <option {{ $item->execution === 'تحت کار' ? 'selected' : '' }} value="تحت کار">{{ __('letters.in_process')}}</option>
                                    <option {{ $item->execution === 'معذرت خواسته شد' ? 'selected' : '' }} value="معذرت خواسته شد">{{ __('letters.apology_requested')}}</option>
                                    <option {{ $item->execution === 'اجراء شد' ? 'selected' : '' }} value="اجراء شد">{{ __('letters.complete')}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col">
                                <label>{{ __('letters.remarks')}}</label>
                                <input type="text" value="{{ $item->notes }}" name="notes" class="form-control" id="notes_{{ $i }}"/>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col">
                                <label>{{ __('letters.executions_date') }}<span class="text-danger">*</span></label>
                                <input type="text" class="form-control datepickers" name="execution_date" id="execution_date_{{ $i }}" value="{{ getHijriDate($item->execution_date) }}" autocomplete="off" />
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col">
                                <button type="button" class="btn btn-lg btn-success mt-1" onclick="updateTaqibiLetter({{ $i }})">
                                    {{ __('global.save') }}
                                </button>
                                <button type="button" class="btn btn-lg btn-danger mt-1" data-bs-dismiss="modal" aria-label="Close">
                                    {{ __('global.cancel') }}
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    @php $i++; @endphp
@endforeach

<script>
    $(document).ready(function(){
        $(".datepickers").hijriDatePicker({
            hijri:true,
            showSwitcher:false,
            isRTL:true,
            timeZone:'Etc/UTC'
        });
    });
</script>