@include('new_layouts.header')
{{-- @extends('layouts.admin') --}}
<link rel="stylesheet" href="{{ asset('assets/css/datatables.min.css') }}">
<link href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css" rel="stylesheet" />
<style>
    .merge_action{
        display: flex;
        gap: 10px;
    }
</style>
<div class="page-wrapper">
    @include('construction_project.side-menu')
    <div class="container-fluid" id="taskboard_view">
        <div class="p-4">
            <div class="card">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h1 class="mb-0">{{ __('Micro Planning Schedule') }}</h1>
                            @can('create active lookahead')
                            @if (Auth::user()->type != "consultant" && Auth::user()->type != "sub_contractor")
                            <div class="card-actions">
                                <a class="btn btn-primary w-100" data-bs-toggle="modal" data-size="xl"
                                    data-url="{{ route('microprogram_create') }}" data-ajax-popup="true"
                                    data-bs-toggle="tooltip" title="{{ __('Create New Subcontractor') }}"
                                    data-bs-original-title="{{ __('Create a New Schedule') }}">
                                    {{ __('Create a New Schedule') }}
                                </a>
                            </div>
                            @endif
                            @endcan
                        </div>
                        @if(Auth::user()->can('view active lookahead') || Auth::user()->type == 'sub_contractor')
                        <div class="card-body">
                            <table class="table table-vcenter card-table" id="schedule_table"
                                aria-describedby="Sub Task">
                                <thead>
                                    <tr>
                                        <th scope="col">{{ __('Schedule ID') }}</th>
                                        <th scope="col">{{ __('Schedule Name') }}</th>
                                        <th scope="col">{{ __('Schedule Duration') }}</th>
                                        <th scope="col">{{ __('Schedule Start Date') }}</th>
                                        <th scope="col">{{ __('Schedule End Date') }}</th>
                                        <th scope="col">{{ __('Schedule Status') }}</th>
                                        <th scope="col">{{ __('Schedule Goals') }}</th>
                                        <th scope="col">{{ __('Action') }}</th>
                                    </tr>
                                </thead>
                                <tbody class="list">
                                    @forelse ($MicroProgramScheduleModal as $microSchedule)
                                        @php
                                            $chatSave = DB::table('chat_save as chat')->where('chat.schedule_id', $microSchedule->id)
                                                ->join('lookahead_group_user as group', 'chat.id', 'group.group_id')
                                                ->where('group.user_id', auth()->id())
                                                ->where('group.read_status', 1)->first();
                                        @endphp
                                        <tr>
                                            <td>
                                                <a href="{{ route('schedule_task_show',
                                                ['id' => $microSchedule->id]) }}">
                                                    {{ $microSchedule->uid }}
                                                </a>
                                            </td>
                                            <td>
                                                <div class="position-relative d-inline-block text-center">
                                                    @if($chatSave)
                                                        <span class="position-absolute top-0 end-0 translate-middle p-1 bg-danger border border-light rounded-circle"></span>
                                                    @endif
                                                    <div class="px-3">{{ $microSchedule->schedule_name }}</div>
                                                </div>
                                            </td>
                                            <td>{{ $microSchedule->schedule_duration }}</td>
                                            <td>
                                                {{ Utility::site_date_format($microSchedule->schedule_start_date,
                                                \Auth::user()->id) }}
                                            </td>
                                            <td>
                                                {{ Utility::site_date_format($microSchedule->schedule_end_date,
                                                \Auth::user()->id) }}
                                            </td>
                                            <td>
                                                @if ($microSchedule->active_status == 1)
                                                    <span class="badge bg-success me-1"></span> Active
                                                @elseif($microSchedule->active_status == 2)
                                                    <span class="badge bg-success me-1"></span> Completed
                                                @else
                                                    <span class="badge bg-warning me-1"></span> In-schedule
                                                @endif
                                            </td>
                                            <td>{{ $microSchedule->schedule_goals }}</td>
                                            <td align="center">
                                                @if($microSchedule->active_status == 0 || $microSchedule->active_status == 1)
                                                    <div class="merge_action">
                                                        @if(Auth::user()->type != 'sub_contractor')
                                                        <a class="btn" data-bs-toggle="modal" data-size="xl"
                                                            data-url="{{ route('microprogram_edit',['micro_id' => $microSchedule->id]) }}"
                                                            data-ajax-popup="true" data-bs-toggle="tooltip" title="{{ __('Edit Micro Schedule') }}"
                                                            data-bs-original-title="{{ __('Edit Micro Schedule') }}"><li class="fa fa-pen"></li>
                                                        </a>
                                                        @endif
                                                         <a class="btn" 
                                                            href="{{ route('microprogram_chat',['micro_id' => $microSchedule->id]) }}"
                                                             title="{{ __('Chat') }}"
                                                            data-bs-original-title="{{ __('Chat') }}">
                                                            <i class="fa fa-question-circle" aria-hidden="true"></i>
                                                        </a>
                                                        @if(Auth::user()->type != 'sub_contractor')
                                                        {!! Form::open(['method' => 'POST', 'route' => ['microprogram_delete', $microSchedule->id]]) !!}
                                                            <a class="btn bs-pass-para" data-bs-toggle="tooltip" title="{{__('Delete Micro Schedule')}}">
                                                                <i class="fa fa-trash"></i>
                                                            </a 
                                                        @endif
                                                        {!! Form::close() !!}
                                                    </div>
                                                @else
                                                    <span>-</span>
                                                @endif
                                            </td>
                                        </tr>
                                    @empty
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@include('new_layouts.footer')
<script src="{{ asset('datatable/jquery.dataTables.min.js') }}"></script>
<script>
    new DataTable('#schedule_table', {
        pagingType: 'full_numbers',
        aaSorting: [],
        "language": {
            "sLengthMenu": "{{ __('Show _MENU_ Records') }}",
            "sZeroRecords": "{{ __('No data available in table') }}",
            "sEmptyTable": "{{ __('No data available in table') }}",
            "sInfo": "{{ __('Showing records _START_ to _END_ of a total of _TOTAL_ records') }}",
            "sInfoFiltered": "{{ __('filtering of a total of _MAX_ records') }}",
            "sSearch": "{{ __('Search') }}:",
            "oPaginate": {
                "sFirst": "{{ __('First') }}",
                "sLast": "{{ __('Last') }}",
                "sNext": "{{ __('Next') }}",
                "sPrevious": "{{ __('Previous') }}"
            },
        }
    });

    $(document).on('keypress', function (e) {
        if (e.which == 13) {
            swal.closeModal();
        }
    });

    $('.schedule_change').change(function() {
        schedule_data = this.value;

        $.ajax({
            url: '{{ route('change_schedule_status') }}',
            type: 'POST',
            data: {
                'schedule_data': schedule_data,
                '_token': '{{ csrf_token() }}',
            },
            success: function(data_check) {
                if (data_check == 1) {
                    toastr.success("Schedule Status Changed");
                    setTimeout(function() {
                        location.reload();
                    }, 1000);
                } else {
                    toastr.error("Somenthing went wrong!");
                }
            },
            error: function(request, error) {
                alert("Request: " + JSON.stringify(request));
            }
        });
    });
</script>