@extends('layouts.app')

@section('title', 'Manage Daily Task')
@section('breadcrumb', 'Manage Daily Task')
@section('sub-breadcrumb')
    {{-- <span class="kt-subheader__breadcrumbs-separator"></span> --}}
<a href="{{route('task.daily')}}" class="kt-subheader__breadcrumbs-link">
        List
    </a>
    <span class="kt-subheader__breadcrumbs-separator"></span>
    <a class="kt-subheader__breadcrumbs-link">
        Detail
    </a>
@endsection
@section('manage-daily-task', 'kt-menu__item--active')
@section('content')
    <div class="kt-portlet">
        <div class="kt-portlet__head">
            <div class="kt-portlet__head-label">
                <h3 class="kt-portlet__head-title">
                    <i class="fa fa-cubes"></i> Detail Daily Task of <b>{{Session::get('brands_pick')['name'] }}</b>
                </h3>
            </div>
            <div class="kt-portlet__head-toolbar">
            </div>
        </div>
        <div class="kt-portlet__body">
            @include('layouts.notification')
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-6">
                        <table>
                            <tr>
                                <td width="100">Outlet Name</td>
                                <td>:&nbsp; {{$data['name']}}</td>
                            </tr>
                            <tr>
                                <td>Address</td>
                                <td>:&nbsp; {{$data['address']}}</td>
                            </tr>
                            <tr>
                                <td>Owner</td>
                                <td>:&nbsp; {{$data['user_owner']['name']}}</td>
                            </tr>
                            <tr>
                                <td>Status</td>
                                <td>:&nbsp;
                                    @if ($data['status_franchise'] == 1)
                                        Milik Franchise
                                    @else
                                        Milik Brand
                                    @endif
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="col-md-6">
                        <div class="row">
                            <h5 class="text-warning"> Pending: {{$data['pending']}}</h5> &nbsp;&nbsp;&nbsp;
                            <h5 class="text-danger"> Problem: {{$data['problem']}}</h5> &nbsp;&nbsp;&nbsp;
                            <h5 class="text-success"> Complete: {{$data['complete']}}</h5>
                        </div>
                    </div>
                </div>
            </div>
            <div class="kt-separator kt-separator--dashed"></div>
            {{-- <div class="col-md-12">



            <div class="kt-separator kt-separator--dashed"></div>
            </div> --}}
        </div>
    </div>

    <div class="kt-portlet kt-portlet--tabs">
        <div class="kt-portlet__head">
            <div class="kt-portlet__head-label">
                <h3 class="kt-portlet__head-title">
                    Portlet Tabs
                </h3>
            </div>
            <div class="kt-portlet__head-toolbar">
                <ul class="nav nav-tabs nav-tabs-line nav-tabs-line-right" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" data-toggle="tab" href="#task" role="tab">
                            <i class="flaticon2-document"></i> Task
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#pending" role="tab">
                            <i class="flaticon2-time"></i> Pending
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#problem" role="tab">
                            <i class="flaticon2-warning"></i> Problem
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#complete" role="tab">
                            <i class="flaticon2-checkmark"></i> Complete
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="kt-portlet__body">
            <div class="tab-content">
                <div class="tab-pane active" id="task" role="tabpanel">
                    All Task Outlet
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Title</th>
                                <th>Description</th>
                                <th>User</th>
                                <th>Time</th>
                                <th width="100">Threshold</th>

                            </tr>
                        </thead>
                        <tbody>
                            @if (count($data['brand_task_outlets']) > 0)
                                @foreach ($data['brand_task_outlets'] as $key => $value)
                                    <tr>
                                        <td>{{$value['brand_task']['title'] ?? '-'}}</td>
                                        <td>{{$value['brand_task']['description'] ?? '-'}}</td>
                                        <td>{{$value['user']['name'] ?? '-'}}</td>
                                        <td>{{$value['time'] ?? '-'}}</td>
                                        <td>{{$value['threshold'] ? $value['threshold'].' Minutes' : '-'}} </td>

                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="5" class="text-center"> No Task</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
                <div class="tab-pane" id="pending" role="tabpanel">
                    Pending Task
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Date</th>
                                <th>Task Title</th>

                                <th>Status</th>
                                <th>User</th>


                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if (count($data['brand_task_outlet_daily_details_pending']) > 0)
                                @foreach ($data['brand_task_outlet_daily_details_pending'] as $key => $value)
                                    <tr>
                                        <td>{{$value['date'] ?? '-'}}</td>
                                        <td>{{$value['brand_task']['title'] ?? '-'}}</td>

                                        <td><span class="badge badge-warning">{{$value['status'] ?? '-'}}</span></td>
                                        <td>{{$value['user']['name'] ?? '-'}}</td>
                                        <td><a class="btn btn-secondary" href="{{route('task.daily.detailDaily',[$post['id_outlet'], $post['date_start'], $post['date_end'], $value['id']])}}" >
                                            <i class="kt-nav__link-icon flaticon2-open-text-book"></i>
                                            <span class="kt-nav__link-text">Detail</span>
                                        </a></td>

                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="7" class="text-center"> No Pending Task</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
                <div class="tab-pane" id="problem" role="tabpanel">
                    Problem Task
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Date</th>
                                <th>Task Title</th>
                                <th>Status</th>
                                <th>User</th>
                                <th>Action</th>


                            </tr>
                        </thead>
                        <tbody>
                            @if (count($data['brand_task_outlet_daily_details_problem']) > 0)
                                @foreach ($data['brand_task_outlet_daily_details_problem'] as $key => $value)
                                    <tr>
                                        <td>{{$value['date'] ?? '-'}}</td>
                                        <td>{{$value['brand_task']['title'] ?? '-'}}</td>

                                        <td><span class="badge badge-danger">{{$value['status'] ?? '-'}}</span></td>
                                        <td>{{$value['user']['name'] ?? '-'}}</td>

                                    <td><a class="btn btn-secondary" href="{{route('task.daily.detailDaily',[$post['id_outlet'], $post['date_start'], $post['date_end'], $value['id']])}}" >
                                        <i class="kt-nav__link-icon flaticon2-open-text-book"></i>
                                        <span class="kt-nav__link-text">Detail</span>
                                    </a>
                                    </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="7" class="text-center"> No Problem Task</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
                <div class="tab-pane" id="complete" role="tabpanel">
                    Complete Task
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Date</th>
                                <th>Task Title</th>

                                <th>Status</th>
                                <th>User</th>
                                <th>Action</th>

                            </tr>
                        </thead>
                        <tbody>
                            @if (count($data['brand_task_outlet_daily_details_complete']) > 0)
                                @foreach ($data['brand_task_outlet_daily_details_complete'] as $key => $value)
                                    <tr>
                                        <td>{{$value['date'] ?? '-'}}</td>
                                        <td>{{$value['brand_task']['title'] ?? '-'}}</td>

                                        <td><span class="badge badge-success">{{$value['status'] ?? '-'}}</span></td>
                                        <td>{{$value['user']['name'] ?? '-'}}</td>

                                        <td>
                                            {{-- {{route('brand.edit', [$item['id'], $item['id_owner']])}} --}}
                                            <a class="btn btn-secondary" href="{{route('task.daily.detailDaily',[$post['id_outlet'], $post['date_start'], $post['date_end'], $value['id']])}}" >
                                                <i class="kt-nav__link-icon flaticon2-open-text-book"></i>
                                                <span class="kt-nav__link-text">Detail</span>
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="7" class="text-center"> No Complete Task</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('custom-style')
    <style>
        .hiddenRow {
            padding: 0 !important;
        }
    </style>
@endsection