@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.cash_allowance_movement.create') }}" class="btn small primary miw-120">اضافة مسير جديد</a>
            </div>

        </div>

        <div class="responsive-table">
            <table class="table px-datatable striped bordered" data-page-length="10">
                <thead>
                    <tr class="primary-bg fs-13">
                        <th class="tx-align-start">رقم المسير</th>
                        <th class="tx-align-center">شهر</th>
                        <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 ($cash_allowance_movements as $cash_allowance_movement)
                        <tr>
                            <td class="tx-align-center">{{ $cash_allowance_movement->id }}</td>

                            <td class="tx-align-center">{{ $cash_allowance_movement->month }}</td>

                            <td class="tx-align-center">{{ $cash_allowance_movement->year }}</td>

                            @if ($cash_allowance_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.cash_allowance.prisoners_list', $cash_allowance_movement->id) }}">قائمة المستحقين</a>
                                </td>
                                <td class="tx-align-center">
                                    <a href="{{ route('financial_rewards.cash_allowance_movement.edit', $cash_allowance_movement->id) }}">تعديل</a>
                                </td>
                                <td class="tx-align-center">
                                    <form
                                        action="{{ route('financial_rewards.cash_allowance_movement.destroy', $cash_allowance_movement->id) }}"
                                        method="POST"
                                        id="deleteForm"
                                    >
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" onclick="return delete_cash_allowance_movement()">حذف</button>
                                    </form>
                                </td>
                            @endif

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

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