@extends('layouts.app')

@section('content')
@php
    date_default_timezone_set('Asia/Makassar');
    // dd(date('Y-m-d'));
@endphp
<div class="card">
    <div class="card-body">
        <div class="card-title">
            {{-- <a href="{{url('jadwal')}}">Back </a> --}}
            <h1> Detail {{$title}}</h1>
            <hr>
            <span style="font-weight: bolder; font-size: 16px;">Kegiatan : </span><span style="font-size: 16px;">{{$jadwal->kegiatan}}</span><br>
            <span style="font-weight: bolder; font-size: 16px;">Location : </span><span style="font-size: 16px;">{{$jadwal->location}}</span><br>
            <span style="font-weight: bolder; font-size: 16px;">Petugas : </span><span style="font-size: 16px;">{{$jadwal->petugas->nama_petugas}}</span><br>
            <span style="font-weight: bolder; font-size: 16px;">Catatan : </span><span style="font-size: 16px;">{{$jadwal->notes}}</span><br>
            <br>
            <table id="datatable" class="table table-bordered dt-responsive nowrap"
            style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                <thead>
                        <th>Tanggal Kegiatan</th>
                        <th>Waktu Mulai Kegiatan</th>
                        <th>Waktu Selesai Kegiatan</th>
                        <th>Status</th>
                        <th>Feedback Orang Tua</th>
                        <th>Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($jadwal->target_capaian as $a)
                        <tr>
                            <td>{{date('d, F Y', strtotime($a->tanggal))}}</td>
                            <td>{{date('h:i A', strtotime($a->waktu_awal))}}</td>
                            <td>{{date('h:i A', strtotime($a->waktu_akhir))}}</td>
                            <td>{{$a->capaian == "0" ? "Belum Tercapai" : "Sudah Tercapai"}}</td>
                            <td>{{$a->feedback_orang_tua == "" ? "-" : $a->feedback_orang_tua}}</td>
                            <td>
                                @if (date('Y-m-d') == $a->tanggal)
                                    @can('edit '.$menu)
                                        @if ($a->capaian == "0")
                                            <form action="{{ url($url.'/'.$a->jadwal_id) }}?target={{$a->id}}" method="POST" id="targetForm-{{$a->id}}" style="display:inline;">
                                                @csrf
                                                @method('PUT')
                                                <button type="button" onclick="confirmTarget({{ $a->id }})" class="btn btn-sm btn-success" ><i class="fa fa-pen"> </i>
                                                    Target Tercapai</button>
                                            </form>
                                        @else
                                            -
                                        @endif
                                        
                                    @endcan
                                @else

                                    @if (strtotime($a->tanggal) < strtotime(date('Y-m-d')))
                                        Tanggal telah terlewat!
                                    @else
                                        Belum saatnya!
                                    @endif
                                @endif

                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@push('scripts')
    <!-- Required datatable js -->
    <script src="{{ asset('assets/libs/datatables.net/js/jquery.dataTables.min.js') }}">
    </script>
    <script
        src="{{ asset('assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js') }}">
    </script>
    <!-- Buttons examples -->
    <script
        src="{{ asset('assets/libs/datatables.net-buttons/js/dataTables.buttons.min.js') }}">
    </script>
    <script
        src="{{ asset('assets/libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js') }}">
    </script>
    <script src="{{ asset('assets/libs/jszip/jszip.min.js') }}"></script>
    <script src="{{ asset('assets/libs/pdfmake/build/pdfmake.min.js') }}"></script>
    <script src="{{ asset('assets/libs/pdfmake/build/vfs_fonts.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables.net-buttons/js/buttons.html5.min.js') }}">
    </script>
    <script src="{{ asset('assets/libs/datatables.net-buttons/js/buttons.print.min.js') }}">
    </script>
    <script src="{{ asset('assets/libs/datatables.net-buttons/js/buttons.colVis.min.js') }}">
    </script>
    <!-- Responsive examples -->
    <script
        src="{{ asset('assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js') }}">
    </script>
    <script
        src="{{ asset('assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js') }}">
    </script>

    <!-- Datatable init js -->
    <script src="{{ asset('assets/js/pages/datatables.init.js') }}"></script>
@endpush
@endsection