@extends('layouts.app')

@section('content')
    <div class="col col-lg-9 pd-30">
        <div class="page-title divider-b pdb-10 flexbox align-between align-center-y mb-20">
            <h1 class="reset-block primary-color lineheight-130 fs-20">مسيرات مكافأة حفظ القرآن الكريم</h1>
            <div class="btns">
                <a href="{{ route('financial_rewards.quran_memorizing_reward_movement.create') }}" class="btn small primary miw-120">اضافة مسير جديد</a>
            </div>
        </div>

        @if(session()->has('message'))
            <div class="col col-12">
                <div class="alert warning">
                    <b><i class="fas fa fa-info-circle"></i></b> {{session()->get("message")}}
                    <a href="#" class="fas fa-times remove-item"></a>
                </div>
            </div>
        @endif

        <div class="responsive-table">
            <table class="table px-datatable striped bordered" data-page-length="10">
                <thead>
                    <tr class="primary-bg fs-13">
                        <th class="w-50 tx-align-center hide-sorting" rowspan="2">#</th>
                        <th class="tx-align-start"  rowspan="2">رقم المسير</th>
                        <th class="tx-align-center" colspan="2">من</th>
                        <th class="tx-align-center" colspan="2">إلي</th>
                        <th class="tx-align-center" rowspan="2">المستحقين</th>
                        <th class="tx-align-center" rowspan="2">تعديل</th>
                        <th class="tx-align-center" rowspan="2">حذف</th>
                    </tr>
                    <tr class="primary-bgfs-13">
                        <th class="tx-align-center">شهر</th>
                        <th class="tx-align-center">سنة</th>
                        <th class="tx-align-center">شهر</th>
                        <th class="tx-align-center">سنة</th>
                    </tr>
                </thead>

                <tbody class="fs-13">
                    @foreach ($quran_memorizing_reward_movements as $quran_memorizing_reward_movement)
                        <tr>
                            <td class="tx-align-center">{{ $loop->iteration }}</td>
                            <td>{{ $quran_memorizing_reward_movement->id }}</td>
                            <td class="tx-align-center">{{ $quran_memorizing_reward_movement->from_month }}</td>
                            <td class="tx-align-center">{{ $quran_memorizing_reward_movement->from_year }}</td>
                            <td class="tx-align-center">{{ $quran_memorizing_reward_movement->to_month }}</td>
                            <td class="tx-align-center">{{ $quran_memorizing_reward_movement->to_year }}</td>
                            @if ($quran_memorizing_reward_movement->is_deleted)
                                <td class="tx-align-center">قائمة المستحقين</td>
                                <td class="tx-align-center">لا يمكن التعديل</td>
                                <td class="tx-align-center">محذوف</td>
                            @else
                                <td class="tx-align-center">
                                    <a href="{{ route('financial_rewards.quran_memorizing_reward.prisoners_list', $quran_memorizing_reward_movement->id ) }}">قائمة المستحقين</a>
                                </td>
                                <td class="tx-align-center">
                                    <a href="{{ route('financial_rewards.quran_memorizing_reward_movement.edit', $quran_memorizing_reward_movement->id) }}">تعديل</a>
                                </td>
                                <td class="tx-align-center">
                                    <form
                                        action="{{ route('financial_rewards.quran_memorizing_reward_movement.destroy', $quran_memorizing_reward_movement->id) }}"
                                        method="POST"
                                        id="deleteForm"
                                    >
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" onclick="return delete_quran_memorizing_reward_movement()">حذف</button>
                                    </form>
                                </td>
                            @endif

                        </tr>
                    @endforeach
                </tbody>
            </table>

        </div>
    </div>
@endsection

@section('script')
    <script>
        function delete_quran_memorizing_reward_movement() {
            if (confirm("هل انت متاكد من انك تريد حذف هذا المسير")) {
                document.getElementById('deleteForm').submit();
                return true;
            } else {
                // If the user cancels, do nothing
                return false;
            }
        }
    </script>
@endsection