@extends('layouts.app')
@section("head")
    <link href="{{ asset('dist/frontend/module/gig/css/gig.css?_ver='.config('app.asset_version')) }}" rel="stylesheet">
    <link href="{{ asset('libs/flip/flip.min.css') }}" rel="stylesheet">
    <style>
        body.mm-wrapper{
            overflow-x: visible;
        }
        .bravo_wrap.page-wrapper{
            overflow: visible;
        }
    </style>
@endsection
@section('content')
<div class="order-status-wrap">
    <div class="container">
        <div class="row">
            <div class="col-6">
                <div class="order-details">
                    {{ __("Order") }}: #{{ $order->id }}
                </div>
            </div>
            <div class="col-6 text-right">
                <div class="order-status">
                    {{ __("Status") }}: <span class="status-{{ $order->status }}">{{ $order->status_text }}</span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="bc-gig-order-details">
    <div class="container">
        @include("admin.message")
        <div class="order-flex">
            <div class="col-order-left">
                <div class="default-tabs style-two tabs-box">
                    <ul class="tab-buttons clearfix">
                        <li class="@if($tab == 'activity') active-btn @endif"><a href="{{ route("buyer.order.activity", [ 'id' => $order->id ]) }}">{{ __("Activity")}}</a></li>
                        @if(!empty($order->gig->requirements) || !empty($order->requirements))
                            <li class="@if($tab == 'requirements') active-btn @endif"><a href="{{ route("buyer.order.requirements", [ 'id' => $order->id ]) }}">{{ __("Requirements")}}</a></li>
                        @endif
                        @if($order->delivery && count($order->delivery) > 0)
                            <li class="@if($tab == 'delivery') active-btn @endif"><a href="{{ route("buyer.order.delivery", [ 'id' => $order->id ]) }}">{{ __("Delivery")}}</a></li>
                        @endif
                        @if($order->status != 'completed' && $order->status != 'cancelled' && false)
                            <li class="@if($tab == 'resolution') active-btn @endif"><a href="{{ route("buyer.order.resolution", [ 'id' => $order->id ]) }}">{{ __("Resolution Center")}}</a></li>
                        @endif
                    </ul>
                </div>

                @includeIf("Gig::frontend.buyer.order.tab." . $tab)

            </div>
            @if($order->gig)
                @php
                $disableCountdown = false;
                    if($order->status == \Modules\Gig\Models\GigOrder::COMPLETED || $order->status == \Modules\Gig\Models\GigOrder::CANCELLED || $order->status == \Modules\Gig\Models\GigOrder::INCOMPLETE){
                        $disableCountdown = true;
                    }
                @endphp
                <div class="col-order-right {{ !$disableCountdown ? 'has-countdown' : '' }}">
                    <div class="sticky-order-right">

                        @includeWhen(!$disableCountdown,"Gig::frontend.elements.order-countdown")

                        @include("Gig::frontend.elements.order-overview")
                    </div>

                </div>
            @endif
        </div>

    </div>
</div>
@endsection

@section('footer')
    <script type="text/javascript" src="{{ asset('module/gig/js/gig-order.js?_ver='.config('app.version')) }}"></script>
    <script type="text/javascript" src="{{ asset('libs/flip/flip.min.js') }}"></script>
    <script>
        function handleTickInit(tick) {
            // Uncomment to set labels to different language ( in this case Dutch )
            var locale = {
                DAY_PLURAL: '