@extends('layout.app')
@section('title')
    {{ __('المجال') }}
@stop

@section('css')
    <style>
        th{
            border: 1px solid !important;
        }
        td{
            border: 1px solid;
        }
    </style>
@endsection
@section('content')

    <div class="content-wrapper">

        <div class="content-body">
            <!-- users edit start -->
            <section class="app-user-edit">
                <!-- users edit account form start -->
                <div class="card">
                    <div class="card-body invoice-padding pb-0">
                        <!-- Header starts -->
                        <div class="invoice-spacing mt-0">
                            <div class="row flex justify-content-end pb-2 align-items-center">
                                <div class="logo-wrapper col-md-6 col-sm-6">
                                    <h3 class="text-primary invoice-logo">{{ $department->name }}</h3>
                                </div>
                                <div class="logo-wrapper col-md-6 text-md-right col-sm-6">

                                    <a href="{{ route('departments.pdf',$department->id) }}" class="btn btn-primary" target="__blank">تصدير PDF</a>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-md-12 mb-2">
                                    @foreach ($department->generalObjectives as $goal)
                                        <p class="card-text mb-1" style="font-size: 15px;">الهدف العام: {{ $goal->name }}</p>
                                        @foreach ($goal->detailedTargets as $detailed)
                                            <p class="card-text mb-1" style="font-size: 15px;">الهدف التفصيلي: {{ $detailed->name }}</p>

                                            <div class="table-responsive mb-2">
                                                <table class="table">
                                                    <thead>
                                                        <tr style="text-align: center">
                                                            <th class="py-1">اسم البرنامج</th>
                                                            <th class="py-1">تاريخ بدء البرنامج</th>
                                                            <th class="py-1">تاريخ انتهاء البرنامج</th>
                                                            <th colspan="2" class="py-1">الفئة المستهدفة</th>
                                                            <th class="py-1">حالة البرنامج</th>
                                                            <th class="py-1">المسؤول</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @forelse ($detailed->activities as $activity)
                                                            <tr style="text-align: center" @if($loop->last) class="border-bottom" @endif>
                                                                <td class="py-1">
                                                                    <p class="card-text font-weight-bold mb-25">{{ $activity->name }}</p>
                                                                </td>
                                                                <td class="py-1">
                                                                    <span class="font-weight-bold">{{ Alkoumi\LaravelHijriDate\Hijri::Date('Y/m/d',$activity->start_date) }}</span>
                                                                </td>
                                                                <td class="py-1">
                                                                    <span class="font-weight-bold">{{ Alkoumi\LaravelHijriDate\Hijri::Date('Y/m/d',$activity->end_date) }}</span>
                                                                </td>
                                                                <td class="py-1">
                                                                    <span class="font-weight-bold">{{ $activity->targeted->name ?? ''}}</span>
                                                                </td>
                                                                <td class="py-1">
                                                                    <span class="font-weight-bold">{{ $activity->targeted_num }}</span>
                                                                </td>
                                                                <td class="py-1">
                                                                    @if(Carbon\Carbon::now()->format('Y-m-d') < $activity->start_date)
                                                                        <span class="font-weight-bold badge badge-pill badge-light-primary">قادم</span>
                                                                    @elseif (Carbon\Carbon::now()->format('Y-m-d') >= $activity->start_date && Carbon\Carbon::now()->format('Y-m-d') <= $activity->end_date)
                                                                        <span class="font-weight-bold badge badge-pill badge-light-warning">قائم</span>
                                                                    @elseif (Carbon\Carbon::now()->format('Y-m-d') > $activity->end_date && $activity->is_active == 1)
                                                                        <span class="font-weight-bold badge badge-pill badge-light-success">منفذ</span>
                                                                    @elseif (Carbon\Carbon::now()->format('Y-m-d') > $activity->end_date && $activity->is_active == 0)
                                                                        <span class="font-weight-bold badge badge-pill badge-light-danger">لم ينفذ</span>
                                                                    @elseif (Carbon\Carbon::now()->format('Y-m-d') > $activity->end_date && $activity->is_active == 2)
                                                                        <span class="font-weight-bold badge badge-pill badge-light-secondary">منتهي</span>
                                                                    @endif
                                                                </td>
                                                                <td class="py-1">
                                                                    <span class="font-weight-bold">{{ $activity->user->name }}</span>
                                                                </td>
                                                            </tr>
                                                        @empty
                                                            <tr class="border-bottom">
                                                                <td colspan="7" class="text-center"> لا يوجد برامج</td>
                                                            </tr>
                                                        @endforelse

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

                        </div>
                        <!-- Header ends -->
                    </div>

                </div>
            </section>
            <!-- users edit ends -->

        </div>
    </div>
@endsection