@extends('layouts.app')

@section('title', 'Manage Detail Outlet')
@section('breadcrumb', 'Manage Outlet')
@section('sub-breadcrumb')
    {{-- <span class="kt-subheader__breadcrumbs-separator"></span> --}}
<a href="{{route('franchisee.index')}}" class="kt-subheader__breadcrumbs-link">
        List
    </a>

    <span class="kt-subheader__breadcrumbs-separator"></span>
    <a class="kt-subheader__breadcrumbs-link">
        Detail
    </a>
@endsection
@section('franchisee', 'kt-menu__item--open kt-menu__item--here')
@section('list-franchisee', 'kt-menu__item--active')
@section('content')
    <div class="kt-portlet kt-portlet--tabs">
        <div class="kt-portlet__head">
            <div class="kt-portlet__head-label">
                <h3 class="kt-portlet__head-title">
                    Detail Outlet <b>{{ $data['name'] }}</b>
                </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> Data Outlet
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#pending" role="tab">
                            <i class="flaticon2-time"></i> Outlet Order
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#problem" role="tab">
                            <i class="flaticon2-warning"></i> Outlet Task
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#complete" role="tab">
                            <i class="flaticon2-open-box"></i> Outlet Inventory
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#opname" role="tab">
                            <i class="flaticon2-checkmark"></i> Outlet Opname
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="kt-portlet__body">
            <div class="tab-content">
                <div class="tab-pane active" id="task" role="tabpanel">
                    <div class="col-md-12">
                        <div class="tab-content" id="v-pills-tabContent">
                           {{-- begin: Active Tab --}}
                            <div class="tab-pane fade show active" id="v-basic" role="tabpanel" aria-labelledby="v-pills-home-tab">
                                <div class="kt-portlet">
                                                <div class="kt-portlet">
                                                    <div class="kt-portlet__body">
                                                        <div class="form-row">
                                                            <label class="col-md-3"> Outlet Name</label>
                                                            <p class="col-md-9">: {{$data['name']}}</p>
                                                        </div>
                                                        <div class="form-row">
                                                            <label class="col-md-3"> Outlet Number</label>
                                                            <p class="col-md-9">: {{$data['outlet_number']}}</p>
                                                        </div>
                                                        <div class="form-row">
                                                            <label class="col-md-3"> Brand</label>
                                                            <p class="col-md-9">: {{$data['brand']['name']}}</p>
                                                        </div>
                                                        <div class="form-row">
                                                            <label class="col-md-3"> Address</label>
                                                            <p class="col-md-9">: {{$data['address']}}</p>
                                                        </div>
                                                        <div class="form-row">
                                                            <label class="col-md-3"> City</label>
                                                            <p class="col-md-9">: {{ $data['city']['city_name'] }}
                                                            </p>
                                                        </div>

                                                    </div>
                                                </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="pending" role="tabpanel">
                    Outlet Order
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Order Number</th>
                                <th>DO/IT Accurate</th>
                                <th>Note</th>
                                <th>Status</th>
                                <th>Date</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>

                            @if (count($data['brand_outlet_orders']) > 0)
                                @foreach ($data['brand_outlet_orders'] as $key => $value)
                                    <tr>
                                        <td>{{$value['order_number'] ?? '-'}}</td>
                                        <td>{{ $value['delivery_order_id_accurate'] ?? $value['item_transfer_id_accurate'] }}</td>
                                        <td>{{ $value['note'] }}</td>
                                        <td><span class="badge badge-warning">{{$value['status'] ?? '-'}}</span></td>
                                        <td>{{date('d-m-Y', strtotime($value['order_date'])) ?? '-'}}</td>
                                        <td>
                                            <a class="btn btn-secondary" target="_blank" href="
                                            @if($value['status'] == "SEDANG DIVERIFIKASI")
                                            {{ route('order.verification.detail', [MyHelper::encSlug($value['id']), MyHelper::encSlug($value['id_brand'])]) }}
                                            @elseif($value['status'] == "DIKIRIM")
                                            {{route('order.ship.detail', [MyHelper::encSlug($value['id']), MyHelper::encSlug($value['id_brand'])])}}
                                            @elseif($value['status'] == "BARANG DITERIMA - BELUM LUNAS")
                                            {{route('order.receive.detail', [MyHelper::encSlug($value['id']), MyHelper::encSlug($value['id_brand'])])}}
                                            @elseif($value['status'] == "ADA PERUBAHAN DETAIL ORDER")
                                            {{route('order.confirmation.detail', [MyHelper::encSlug($value['id']), MyHelper::encSlug($value['id_brand'])])}}
                                            @elseif($value['status'] == "PENDING" && $data['status_franchise'] == 1)
                                            {{route('order.pending.deliver', [MyHelper::encSlug($value['id']), MyHelper::encSlug($value['id_brand'])])}}
                                            @elseif($value['status'] == "PENDING" && $data['status_franchise'] == 0)
                                            {{route('order.detail.owned', [MyHelper::encSlug($value['id']), MyHelper::encSlug($value['id_brand'])])}}
                                            @elseif($value['status'] == "SEDANG DIPROSES")
                                            {{ route('order.pending.shipping', [MyHelper::encSlug($value['id']), MyHelper::encSlug($value['id_brand'])]) }}
                                            @elseif($value['status'] == "LUNAS - BARANG BELUM DITERIMA")
                                            {{ route('order.paidof.detail', [MyHelper::encSlug($value['id']), MyHelper::encSlug($value['id_brand'])]) }}
                                            @endif

                                            " >
                                                <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 Order Outlet</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
                <div class="tab-pane" id="problem" role="tabpanel">
                    Detail Task
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Date</th>
                                <th>Total Task</th>
                                <th>Pending</th>
                                <th>Problem</th>
                                <th>Complete</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if (count($data['brand_task_outlet_dailies']) > 0)
                                @foreach ($data['brand_task_outlet_dailies'] as $key => $value)
                                                                    <tr>
                                        <td>{{date('d-m-Y', strtotime($value['date'])) ?? '-'}}</td>
                                        <td>{{ $value['pending'] + $value['problem'] + $value['complete']}}</td>

                                        <td>{{ $value['pending'] }}</td>
                                        <td>{{ $value['problem'] }}</td>
                                        <td>{{ $value['complete'] }}</td>

                                    <td>
                                        <a class="btn btn-secondary" target="_blank" href="{{route('task.daily.detail',[$value['id_brand_outlet'], $tanggal, $tanggal])}}" >
                                        <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 Daily Task</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
                <div class="tab-pane" id="complete" role="tabpanel">
                    Outlet Inventory
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Date</th>
                                <th>No Surat</th>
                                <th>Type</th>
                                <th>User</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if (count($data['brand_outlet_deliveries']) > 0)
                                @foreach ($data['brand_outlet_deliveries'] as $key => $value)
                                                                        <tr>
                                        <td>{{date('d-m-Y', strtotime($value['created_at'])) ?? '-'}}</td>
                                        <td>{{$value['no_surat'] ?? '-'}}</td>

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

                                        <td>
                                            <a class="btn btn-secondary" target="_blank" href="{{route('stock.daily.detail',[$value['id_brand_outlet'], $tanggal, $tanggal])}}">
                                                <i class="kt-nav__link-icon flaticon2-open-text-book"></i>
                                                <span class="kt-nav__link-text">Detail</span>
                                            </a>
                                            {{-- {{route('brand.edit', [$item['id'], $item['id_owner']])}} --}}
                                            {{-- <a class="btn btn-secondary" href="{{route('task.daily.detailDaily',[$post['id_outlet'], $post['id_brand'], $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 Inventory </td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
                <div class="tab-pane" id="opname" role="tabpanel">
                    Outlet Opname
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Date</th>
                                <th>Type</th>
                                <th>User</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if (count($data['brand_outlet_opname']) > 0)
                                @foreach ($data['brand_outlet_opname'] as $key => $value)
                                                                    <tr>
                                        <td>{{date('d-m-Y', strtotime($value['created_at'])) ?? '-'}}</td>
                                        <td><span class="badge badge-info">Opname Malam</span></td>
                                        <td>{{$value['user']['name'] ?? '-'}}</td>
                                        <td>
                                            <a class="btn btn-secondary" target="_blank" href="{{route('stock.daily.detailDailyOpname',[$value['id_brand_outlet'], $tanggal, $tanggal, $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 Inventory </td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

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