@include('new_layouts.header')
<link href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css" rel="stylesheet"/>
<style>
    tr.highlighted {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .progress_update{
        pointer-events: none;
        opacity: 0.6;
        cursor: not-allowed;
    }
</style>
<div class="page-wrapper">
    @include('construction_project.side-menu')

    @php
        $actual_task_progress = $data['con_data']->progress ? $data['con_data']->progress : '0';
        if ($actual_task_progress < $current_Planed_percentage) {
            $style = 'color:red;';
        } else {
            $style = '';
        }

        if (strtotime($data['con_data']->end_date) < time() && $data['con_data']->progress < 100){
            $spanClass = 'status-red';
            $statusData = 'Pending';
        }
        elseif(strtotime($data['con_data']->end_date) < time() && $data['con_data']->progress >= 100){
            $spanClass = 'status-green';
            $statusData = 'Completed';
        }
        else{
            $spanClass = 'status-blue';
            $statusData = 'In-Progress';
        }
    @endphp

    <div class="container-fluid m-3">
        <div class="row row-cards">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">
                        {{$data['con_data']->id}}-{{ $data['con_data'] != null ?
                        $data['con_data']->text : 'Task' }} Progress Details
                    </h3>
                </div>
                <div class="card-body">
                    <div class="datagrid">
                        <div class="datagrid-item">
                            <div class="datagrid-title">Task Name</div>
                            <div class="datagrid-content">
                                {{ $data['con_data'] != null ?$data['con_data']->text : 'Task' }}
                            </div>
                        </div>

                        <div class="datagrid-item">
                            @php
                                $users_data[] = $data['con_data']->users != "" ?
                                 json_decode($data['con_data']->users) : array();
                            @endphp
                            <div class="datagrid-title">Assigned To</div>
                            <div class="datagrid-content">
                                <div class="avatar-list avatar-list-stacked">
                                    @forelse ($users_data as $key => $get_user)
                                        @php
                                            $user_db = DB::table('users')->where('id',$get_user)->first();
                                        @endphp
                                        @if($user_db != null)
                                            @if($key<3)
                                                <span class="avatar avatar-l rounded" title="{{$user_db->name}}">
                                                    {{ substr($user_db->name, 0, 1) }}
                                                </span>
                                            @else
                                                                                                <span class="avatar avatar-l rounded">+{{strtoupper($short)}}</span>
                                            @endif
                                        @else
                                            <span class="status status-red">{{ __('Not Assigned') }}</span>
                                        @endif
                                    @empty
                                        {{ __('Not Assigned') }}
                                    @endforelse
                                </div>
                            </div>
                        </div>

                        <div class="datagrid-item">
                            @php
                                $users_creater = $data['con_data']->created_by != "" ?
                                $data['con_data']->created_by : null;
                                $user_creater_db = DB::table('users')->where('id',$users_data)->first();
                            @endphp
                            <div class="datagrid-title">Task Creator</div>
                            <div class="datagrid-content">
                                @if ($user_creater_db != null)
                                    <span class="avatar avatar-l rounded" title="{{$user_creater_db->name}}">
                                        {{ substr($user_creater_db->name, 0, 1) }}
                                    </span>
                                @else
                                    <span class="status status-red"> - </span>
                                @endif
                            </div>
                        </div>

                        @if ($data['con_data']->subcontractor != 0)
                            @php
                                $users_subcon = $data['con_data']->subcontractor != "" ?
                                $data['con_data']->created_by : null;
                                $user_subcon_db = DB::table('users')->where('id',$users_data)->first();
                            @endphp
                            @if ($user_subcon_db != null)
                                <div class="datagrid-item">
                                    <div class="datagrid-title">SubContractor</div>
                                    <div class="datagrid-content">
                                        @if ($user_subcon_db != null)
                                            <span class="avatar avatar-l rounded" title="{{$user_subcon_db->name}}">
                                                {{ substr($user_subcon_db->name, 0, 1) }}
                                            </span>
                                        @endif
                                    </div>
                                </div>
                            @endif
                        @endif

                        <div class="datagrid-item">
                            <div class="datagrid-title">Planned Start Date</div>
                            <div class="datagrid-content">
                                {{ Utility::site_date_format($data['con_data']->start_date, \Auth::user()->id) }}</div>
                        </div>

                        <div class="datagrid-item">
                            <div class="datagrid-title">Planned End Date</div>
                            <div class="datagrid-content">
                                {{-- {{Utility::site_date_format_minus_day($data['con_data']->end_date,
                                \Auth::user()->id, 1)}} --}}
                                 {{ Utility::site_date_format($data['con_data']->end_date, \Auth::user()->id) }}
                            </div>
                        </div>

                        <div class="datagrid-item">
                            <div class="datagrid-title">Actual Start Date</div>
                            <div class="datagrid-content">
                                {{ isset($actualStartDate->record_date) ?
                                Utility::site_date_format($actualStartDate->record_date, \Auth::user()->id) : '-'}}
                            </div>
                        </div>

                        <div class="datagrid-item">
                            <div class="datagrid-title">Actual End Date</div>
                            <span class="status {{$spanClass}}">
                                @if($data['con_data']->progress==100)
                                    {{ isset($actualEndDate->record_date) ?
                                    Utility::site_date_format($actualEndDate->record_date, \Auth::user()->id) : '-' }}
                                @else
                                        -
                                @endif
                            </span>
                        </div>

                        <div class="datagrid-item">
                            <div class="datagrid-title">Planned Progress</div>
                            <div class="datagrid-content">{{ round($current_Planed_percentage) }}%</div>
                        </div>

                        <div class="datagrid-item">
                            <div class="datagrid-title">Actual Progress</div>
                            <div class="datagrid-content">
                                @if ($data['con_data']->progress != null)
                                    {{ $data['con_data']->progress >= 100 ? 100 : $data['con_data']->progress }}%
                                @else
                                    0%
                                @endif
                            </div>
                        </div>

                        <div class="datagrid-item">
                            <div class="datagrid-title">Planned Duration</div>
                            <div class="datagrid-content">{{ $data['con_data']->duration }} {{$data['con_data']->duration <= 1 ? 'day' : 'days'}}</div>
                        </div>

                        <div class="datagrid-item">
                            <div class="datagrid-title">Actual Duration</div>
                            <span class="status {{$spanClass}}">
                            {{$total_count_of_task }} {{$total_count_of_task <= 1 ? 'day' : 'days'}}</span>
                        </div>

                        <div class="datagrid-item">
                            <div class="datagrid-title">Status</div>
                            <div class="datagrid-content">
                                <span class="status {{$spanClass}}">{{$statusData}}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            @php
                $contract_subscription = Auth::user()->checkSubscriptionCount('contract_management',1);
            @endphp
            @if($contract_subscription > 0)
                <div class="card">
                    <div class="card-body">
                        <div class="row row-cards">
                            <div class="col-sm-3 col-lg-3">
                                <div class="card-body" style="border: 1px solid #e6e7e9;border-radius: 10px;">
                                    <div class="row align-items-center">
                                        <div class="col-auto">
                                            <span class="bg-primary text-white avatar">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-checklist" width="24" height="24" viewBox="0 0 24 24"
                                                    stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                                    <path d="M9.615 20h-2.615a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8"></path>
                                                    <path d="M14 19l2 2l4 -4"></path>
                                                    <path d="M9 8h4"></path>
                                                    <path d="M9 12h2"></path>
                                                </svg>
                                            </span>
                                        </div>
                                        <div class="col">
                                            <div class="font-weight-medium">{{ __('Material')}}</div>
                                            <div style="display: flex;gap: 10px;">
                                                <div class="text-muted">@if($total_material->count != null) {{$total_material->count}} @else 0 @endif {{ __('Quantity')}}</div>
                                                @can('view costing')
                                                <div class="text-muted">@if($total_material->rate != null) {{$total_material->rate}} @else 0 @endif {{ __('Cost')}}</div>
                                                @endcan
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-3 col-lg-3">
                                <div class="card-body" style="border: 1px solid #e6e7e9;border-radius: 10px;">
                                    <div class="row align-items-center">
                                        <div class="col-auto">
                                            <span class="bg-primary text-white avatar">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-checklist" width="24" height="24" viewBox="0 0 24 24"
                                                    stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                                    <path d="M9.615 20h-2.615a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8"></path>
                                                    <path d="M14 19l2 2l4 -4"></path>
                                                    <path d="M9 8h4"></path>
                                                    <path d="M9 12h2"></path>
                                                </svg>
                                            </span>
                                        </div>
                                        <div class="col">
                                            <div class="font-weight-medium">{{ __('Labour')}}</div>
                                            <div style="display: flex;gap: 10px;">
                                                <div class="text-muted">@if($total_labour->count != null) {{$total_labour->count}} @else 0 @endif {{ __('Quantity')}}</div>
                                                @can('view costing')
                                                <div class="text-muted">@if($total_labour->rate != null) {{$total_labour->rate}} @else 0 @endif {{ __('Cost')}}</div>
                                                @endcan
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-3 col-lg-3">
                                <div class="card-body" style="border: 1px solid #e6e7e9;border-radius: 10px;">
                                    <div class="row align-items-center">
                                        <div class="col-auto">
                                            <span class="bg-primary text-white avatar">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-checklist" width="24" height="24" viewBox="0 0 24 24"
                                                    stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                                    <path d="M9.615 20h-2.615a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8"></path>
                                                    <path d="M14 19l2 2l4 -4"></path>
                                                    <path d="M9 8h4"></path>
                                                    <path d="M9 12h2"></path>
                                                </svg>
                                            </span>
                                        </div>
                                        <div class="col">
                                            <div class="font-weight-medium">{{ __('Equipment')}}</div>
                                            <div style="display: flex;gap: 10px;">
                                                <div class="text-muted">@if($total_equipment->count != null) {{$total_equipment->count}} @else 0 @endif {{ __('Quantity')}}</div>
                                                @can('view costing')
                                                <div class="text-muted">@if($total_equipment->rate != null) {{$total_equipment->rate}} @else 0 @endif {{ __('Cost')}}</div>
                                                @endcan
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-3 col-lg-3">
                                <div class="card-body" style="border: 1px solid #e6e7e9;border-radius: 10px;">
                                    <div class="row align-items-center">
                                        <div class="col-auto">
                                            <span class="bg-primary text-white avatar">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-checklist" width="24" height="24" viewBox="0 0 24 24"
                                                    stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                                    <path d="M9.615 20h-2.615a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8"></path>
                                                    <path d="M14 19l2 2l4 -4"></path>
                                                    <path d="M9 8h4"></path>
                                                    <path d="M9 12h2"></path>
                                                </svg>
                                            </span>
                                        </div>
                                        <div class="col">
                                            <div class="font-weight-medium">{{ __('Overhead')}}</div>
                                            <div style="display: flex;gap: 10px;">
                                                <div class="text-muted">@if($total_overhead->count != null) {{$total_overhead->count}} @else 0 @endif {{ __('Quantity')}}</div>
                                                @can('view costing')
                                                <div class="text-muted">@if($total_overhead->rate != null) {{$total_overhead->rate}} @else 0 @endif {{ __('Cost')}}</div>
                                                @endcan
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            @endif

            <div class="card">
                @can('create project task')
                @if (Auth::user()->type != "consultant" && Auth::user()->type != "sub_contractor")
                    <div class="card-header">
                        <div class="card-actions">
                            @php $get_date = $data['get_date']; @endphp

                     
                            @if((int) $data['con_data']->progress >= 100)
                                <a class="btn btn-success float-end progress_update">
                                    {{ __('Progress Update') }}
                                </a>
                            @else
                                <a href="{{ route("add_particular_task_new", ["task_id"=>$task_id, "get_date"=>$get_date]) }}" class="btn btn-success float-end">
                                    {{ __('Progress Update') }}
                                </a>
                            @endif

                            {{-- <a href="#" data-size="xl" data-url="{{ route('add_particular_task',
                            ["task_id"=>$task_id, "get_date"=>$get_date]) }}" data-ajax-popup="true"
                            data-title="{{$data['con_data']!=null ? $data['con_data']->text:'Task' }} Progress Update"
                            data-bs-toggle="modal" title="{{__('Create')}}" class="btn btn-success float-end"
                            data-bs-target="#modal-large">
                            {{ __('Progress Update') }} --}}
                            </a>
                        </div>
                    </div>
                @endif
                @endcan
                <div class="card-body">
                    <div class="table-responsive card p-4">
                        <table class="table table-vcenter card-table" id="task-progress"
                        aria-describedby="Task Progress">
                            <thead>
                                <tr>
                                    <th scope="col">{{ __('Planned Date') }}</th>
                                    <th scope="col">{{ __('Actual Date') }}</th>
                                    <th scope="col">{{ __('Status') }}</th>
                                    <th scope="col">{{ __('Actual Progress as per a Day') }}</th>
                                    <th scope="col">{{ __('FileName') }}</th>
                                    {{-- <th scope="col">{{ __('View') }}</th> --}}
                                    <th scope="col">{{ __('Description') }}</th>
                                    @if (Auth::user()->type != "consultant" && Auth::user()->type != "sub_contractor")
                                        <th scope="col">{{ __('Action') }}</th>
                                    @endif
                                </tr>
                            </thead>
                            @can('manage project task')
                                <tbody>
                                    @php
                                        $documentPath = \App\Models\Utility::get_file('uploads/task_particular_list');
                                    @endphp
                                    @forelse ($data['get_task_progress'] as $task_progress)
                                        <tr>
                                            <td>{{ Utility::site_date_format($task_progress->created_at, \Auth::user()->id) }}</td>
                                            <td>{{ Utility::site_date_format($task_progress->record_date, \Auth::user()->id) }}</td>
                                            <td>
                                                @if (date('Y-m-d', strtotime($task_progress->created_at)) > date('Y-m-d') && $task_progress->percentage > 100)
                                                    <span class="badge badge-success">Incomplete</span>
                                                @elseif ($task_progress->percentage >= 100)
                                                    <span class="badge badge-success" style="background-color:#3ec334;">Completed</span>
                                                @else
                                                    <span class="badge badge-success" style="background-color:#DC3545;">Incomplete</span>
                                                @endif
                                            </td>
                                            <td><span class="badge badge-info" style="background-color:#007bff;">{{ $task_progress->percentage }}%</span></td>
                                            <td>
                                                @php $file_explode = explode(',', $task_progress->filename); @endphp
                                                @forelse ($file_explode as $file_show)
                                                    @if ($file_show != '')
                                                        <span class="badge badge-primary" style="background-color:#007bff;margin-top: 5px;">{{ $file_show }}</span>
                                                        <a href="{{ route('task_file_download', [$task_progress->task_id, $file_show]) }}" class="badge badge-primary" style="background-color:#007bff;margin-top: 5px;"><i class="fa fa-download"></i></a>
                                                        <br>
                                                    @else
                                                        -
                                                    @endif
                                                @empty
                                                @endforelse
                                            </td>
                                            <td>{!! $task_progress->description !!}</td>

                                            @if (Auth::user()->type != "consultant" && Auth::user()->type != "sub_contractor")
                                                <td>
                                                    <div class="actions">
                                                        <a class="backgroundnone" href="{{ route('edit_particular_task_new', ['task_progress_id' => $task_progress->id,'task_id' => $task_id]) }}">
                                                            <i class="ti ti-pencil text-white"></i>
                                                        </a>
                                                    </div>
                                                </td>
                                            @endif
                                        </tr>
                                    @empty
                                    @endforelse
                                </tbody>
                            @endcan
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('new_layouts.footer')
    <script src="{{ asset('tinymce/tinymce.min.js') }}"></script>
    <script src="{{ asset('litepicker/litepicker.js') }}"></script>
    <script src="{{ asset('datatable/jquery.dataTables.min.js') }}"></script>

    <script>
        new DataTable('#task-progress', {
            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') }}"
                },
            }
        });
    </script>