@extends('layouts.admin')
@section('content')

<div class="row">
    <div class="col-12 col-md-12">
        <div class="card">
            <div class="card-header">
                {{ trans('global.show') }} {{ trans('cruds.promoterTaskList.title_singular') }}
            </div>

            <div class="card-body">
                <div class="form-group">
                    <div class="form-group">
                        <a class="btn btn-default" href="{{ route('admin.promoter-task-lists.index') }}">
                            {{ trans('global.back_to_list') }}
                        </a>
                    </div>
                    <table class="table table-bordered table-striped">
                        <tbody>
                            <tr>
                                <th>
                                    {{ trans('cruds.promoterTaskList.fields.id') }}
                                </th>
                                <td>
                                    {{ $promoterTaskList->id }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.promoterTaskList.fields.ptl_no') }}
                                </th>
                                <td>
                                    {{ $promoterTaskList->ptl_no }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.promoterTaskList.fields.date_from') }}
                                </th>
                                <td>
                                    {{ $promoterTaskList->date_from }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.promoterTaskList.fields.date_to') }}
                                </th>
                                <td>
                                    {{ $promoterTaskList->date_to }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.promoterTaskList.fields.available_store') }}
                                </th>
                                <td>
                                    {{ $promoterTaskList->availableStore ? $promoterTaskList->availableStore->store_name : '' }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.promoterTaskList.fields.state') }}
                                </th>
                                <td>
                                    {{ $promoterTaskList->state ? $promoterTaskList->state->province_name : '' }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.promoterTaskList.fields.city') }}
                                </th>
                                <td>
                                    {{ $promoterTaskList->city ? $promoterTaskList->city->city_name : '' }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.promoterTaskList.fields.remark') }}
                                </th>
                                <td>
                                    {!! $promoterTaskList->remark !!}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.promoterTaskList.fields.status') }}
                                </th>
                                <td>
                                    {{ \App\Models\PromoterTaskList::STATUS_SELECT[$promoterTaskList->status] }}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    {{-- <div class="col-12 col-md-6">
        <div class="card">
            <div class="card-header">
                Store Location
            </div>
            <div class="card-body">
                <iframe
                  width="100%"
                  height="390"
                  id="google-iframe"
                  loading="lazy"
                  frameborder="0" style="border:0"
                  src="https://maps.google.com/maps?q={{ $promoterTaskList->availableStore->google_map_parameter }}&t=&z=13&ie=UTF8&iwloc=&output=embed" allowfullscreen>
                </iframe>
                <input type="hidden" name="google_map_parameter" id="google_map_parameter" value="" />
            </div>
        </div>
    </div> --}}
</div>

<div class="card">
    <div class="card-header">
        {{ trans('global.show') }} {{ trans('cruds.promoterTaskList.title_singular') }} Record (Products)
    </div>

    <div class="card-body">
        <div class="form-group">
            <table class="table table-bordered vertical-responsive promoterTaskList-responsive-dataTable">
                <thead>
                    <tr>
                        {{-- <th>{{ trans('cruds.promoterTaskListData.fields.code') }}</th> --}}
                        <th>{{ trans('cruds.storeAuditData.fields.name') }}</th>
                        <th>Opening Qty</th>
                        {{-- <th>Sales Qty</th>
                        <th>Balance Qty</th> --}}
                        {{-- <th>{{ trans('cruds.storeAuditData.fields.remark') }}</th> --}}
                    </tr>
                </thead>
                <tbody>
                    @forelse($taskListRecords as $taskListRecord)
                        <tr>
                            {{-- <td>{{ $sad->product_code }}</td> --}}
                            <td data-name="Name">{{ $taskListRecord->product_name }}</td>
                            <td data-t-qty="T.Qty">{{ $taskListRecord->t_qty }}</td>
                            {{-- <td data-o-qty="O.Qty">0</td>
                            <td data-l-qty="L.Qty">0</td> --}}
                            {{-- <td>{{ $taskListRecord->remark }}</td> --}}
                        </tr>
                    @empty
                        <tr>
                            <td colspan="4" align="center">No product data available in table</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header">
        {{ trans('global.show') }} {{ trans('cruds.promoterTaskList.title_singular') }} Record (Gifts)
    </div>

    <div class="card-body">
        <div class="form-group">
            <table class="table table-bordered vertical-responsive promoterTaskList-responsive-dataTable">
                <thead>
                    <tr>
                        {{-- <th>{{ trans('cruds.promoterTaskListData.fields.code') }}</th> --}}
                        <th>{{ trans('cruds.storeAuditData.fields.name') }}</th>
                        <th>Opening Qty</th>
                        {{-- <th>Sales Qty</th>
                        <th>Balance Qty</th> --}}
                        {{-- <th>{{ trans('cruds.storeAuditData.fields.remark') }}</th> --}}
                    </tr>
                </thead>
                <tbody>
                    @forelse($taskListRecordGifts as $taskListRecordGift)
                        <tr>
                            {{-- <td>{{ $sad->product_code }}</td> --}}
                            <td data-name="Name">{{ $taskListRecordGift->product_name }}</td>
                            <td data-t-qty="T.Qty">{{ $taskListRecordGift->t_qty }}</td>
                            {{-- <td data-o-qty="O.Qty">{{ $taskListRecordGift->o_qty }}</td>
                            <td data-l-qty="L.Qty">{{ $taskListRecordGift->l_qty }}</td> --}}
                            {{-- <td>{{ $taskListRecordGift->remark }}</td> --}}
                        </tr>
                    @empty
                        <tr>
                            <td colspan="4" align="center">No gift data available in table</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header">
        {{ trans('global.show') }} {{ trans('cruds.productTimeEntry.title_singular') }} Record
    </div>

    <div class="card-body">
        <div class="form-group">
            <table class="table table-bordered vertical-responsive promoterTaskList-responsive-dataTable">
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Details</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($promoterTaskList->timeEntries as $timeEntry)
                        <tr>
                            <td>{{ $timeEntry->date }}</td>
                            <td class="p-0">
                                <table class="table table-bordered m-0">
                                    <thead>
                                        <tr>
                                            <th>{{ trans('cruds.storeAuditData.fields.name') }}</th>
                                            <th>Opening Qty</th>
                                            <th>Sales Qty</th>
                                            <th>Balance Qty</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($timeEntry->productTimeEntries as $productTimeEntry)
                                            <tr>
                                                <td data-name="Name">{{ $productTimeEntry->product ? $productTimeEntry->product->product_name : '' }}</td>
                                                <td data-t-qty="T.Qty">{{ $productTimeEntry->o_qty }}</td>
                                                <td data-o-qty="O.Qty">{{ $productTimeEntry->s_qty }}</td>
                                                <td data-l-qty="L.Qty">{{ $productTimeEntry->b_qty }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="2" align="center">No time entry data available in table</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>

{{-- <div class="card">
    <div class="card-header">
        {{ trans('global.show') }} {{ trans('cruds.promoterTaskList.title_singular') }} Record Details
    </div>

    <div class="card-body">
        <div class="form-group">
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>{{ trans('cruds.product.title_singular') }} {{ trans('cruds.storeAuditData.fields.name') }}</th>
                        <th>Total {{ trans('cruds.storeAuditData.fields.t_qty') }}</th>
                        <th>{{ trans('cruds.promoter.title_singular') }} {{ trans('cruds.promoter.fields.name') }}</th>
                        <th>{{ trans('cruds.storeAuditData.fields.o_qty') }}</th>
                        <th>Total {{ trans('cruds.storeAuditData.fields.l_qty') }}</th>
                    </tr>
                </thead>
                <tbody>
                   <tr>
                        @forelse($overAllTaskListRecordDetails as $overAllTaskListRecordDetail)
                            <tr>
                                <td>{{ $overAllTaskListRecordDetail->product_name }}</td>
                                <td>{{ $overAllTaskListRecordDetail->t_qty }}</td>
                                <td class="p-0" style="height: 67px;">
                                    <table class="w-100" style="height: 100%;">
                                        <tbody>
                                            @foreach ($overAllTaskListRecordDetail->promoters as $promoter_name => $o_qty)
                                                <tr>
                                                    <td>{{ $promoter_name }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </td>
                                <td class="p-0" style="height: 67px;">
                                    <table class="w-100" style="height: 100%;">
                                        <tbody>
                                            @foreach ($overAllTaskListRecordDetail->promoters as $promoter_name => $o_qty)
                                                <tr>
                                                    <td>{{ $o_qty }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </td>
                                <td>{{ $overAllTaskListRecordDetail->l_qty }}</td>
                            </tr>
                        @empty
                            <td colspan="5" align="center">No data available in table</td>
                        @endforelse
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div> --}}

<div class="card">
    <div class="card-header">
        {{ trans('global.show') }} {{ trans('cruds.promoterTaskList.title_singular') }} Pictures
    </div>

    <div class="card-body">
        <div class="form-group">
            @forelse($promoterTaskListPictures as $picture)
                <a href="{{ $picture->getUrl() }}" target="_blank" rel="noopener noreferrer" style="display: inline-block">
                    <img src="{{ $picture->getUrl() }}" alt="{{ $picture->filename }}" class="img-thumbnail" style="width: 200px; height: 200px;">
                </a>
            @empty
                <p>No image data available</p>
            @endforelse
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header">
        {{ trans('global.show') }} Promoters Clock In and Out Images
    </div>

    <div class="card-body">
        <div class="form-group">
            <table class="table table-bordered vertical-responsive promoterTaskList-clockInClockOut-responsive-dataTable">
                <thead>
                    <tr>
                        <th rowspan="2">#</th>
                        <th rowspan="2">Name</th>
                        <th colspan="2">Clock In</th>
                        <th colspan="2">Clock Out</th>
                        <th rowspan="2">Status</th>
                    </tr>
                    <tr>
                        <th>Time</th>
                        <th>Image</th>
                        <th>Time</th>
                        <th>Image</th>
                    </tr>
                </thead>
                <tbody>
                    @php
                        $count = 0;
                    @endphp
                    @forelse($timeEntries as $dataKey => $dataCollection)
                        @foreach ($dataCollection as $key => $timeEntry)
                            <tr>
                                @php
                                    $count++;
                                @endphp
                                <td data-no="#">
                                    {{ $count }}
                                </td>
                                <td data-name="Name">{{ $timeEntry->promoter ? $timeEntry->promoter->name : 'No clock in yet' }}</td>
                                <td data-time-start="Time Start">{{ $timeEntry->time_start }}</td>
                                <td data-clock-in-image="Clock In Image">
                                    <a href="{{ $timeEntry->getClockInImageUrl() }}" target="_blank" rel="noopener noreferrer"><img src="{{ $timeEntry->getClockInImageUrl() }}" alt="{{ $timeEntry->clock_in_image }}" class="img-thumbnail" style="width: 200px; height: 200px;"></a>
                                </td>
                                <td data-time-end="Time End">{{ $timeEntry->time_end }}</td>
                                <td data-clock-out-image="Clock Out Image">
                                    <a href="{{ $timeEntry->getClockOutImageUrl() }}" target="_blank" rel="noopener noreferrer"><img src="{{ $timeEntry->getClockOutImageUrl() }}" alt="{{ $timeEntry->clock_out_image }}" class="img-thumbnail" style="width: 200px; height: 200px;"></a>
                                </td>
                                <td data-status="Status">
                                    {{ \App\Models\TimeEntry::STATUS_SELECT[$timeEntry->status] }}
                                </td>
                            </tr>
                        @endforeach
                    @empty
                        <tr>
                            <td colspan="7" align="center"><p class="m-0">No data available</p></td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        
        <div class="form-group">
            <a class="btn btn-default" href="{{ route('admin.promoter-task-lists.index') }}">
                {{ trans('global.back_to_list') }}
            </a>
        </div>
    </div>
</div>

@endsection