@inject('request', 'Illuminate\Http\Request')
@extends('layouts.iconbar')

@section('title')
Jobs
@endsection

@section('breadcrumbs')
{{ Breadcrumbs::render(\Request::route()->getName()) }}
@endsection

@section('custom_styles')
@endsection

@section('create-button')
@can('job_create')
<a href="{{ route('admin.jobs.create') }}" id="addToTable" class="btn btn-info waves-effect waves-classic">
    <i class="icon md-plus" aria-hidden="true"></i> New Job
</a>
@endcan
@endsection

@section('content')
<div class="page-content jobs-panel">

    <div class="errorsdiv"></div>
    <div class="panel">
        <div class="panel-body">
            @if(Auth::user()->hasRole('Admin') || Auth::user()->hasRole('Super'))
            <ul class="nav nav-tabs job-tabs" role="tablist">
                <li class="nav-item col-xs-12" role="presentation">
                    <a class="active nav-link" data-toggle="tab" href="#pre-production" aria-controls="pre-production" role="tab">
                        Pre production
                    </a>
                </li>
                <li class="nav-item" role="presentation">
                    <a class="nav-link show" data-toggle="tab" href="#ready-to-schedule" aria-controls="ready-to-schedule" role="tab">
                        Waiting
                    </a>
                </li>
                <li class="nav-item" role="presentation">
                    <a class="nav-link show" data-toggle="tab" href="#production" aria-controls="production" role="tab">
                        Production
                    </a>
                </li>
                <li class="nav-item" role="presentation">
                    <a class="nav-link show" data-toggle="tab" href="#ready-to-pickup" aria-controls="ready-to-pickup" role="tab">
                        Ready to pickup
                    </a>
                </li>
                <li class="nav-item" role="presentation">
                    <a class="nav-link show" data-toggle="tab" href="#unresolved-qa" aria-controls="unresolved-qa" role="tab">
                        Unresolved QA
                    </a>
                </li>

                <li class="nav-item" role="presentation">
                    <a class="nav-link show" data-toggle="tab" href="#search" aria-controls="search" role="tab">
                        All jobs
                    </a>
                </li>

                <li class="nav-item" role="presentation">
                    <a class="nav-link show" data-toggle="tab" href="#quotes" aria-controls="search" role="tab">
                        Quotes
                    </a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active animation-fade pre-production-pane table-responsive" id="pre-production" role="tabpanel">
                    @include('admin.jobs.v1.datatable.pre-production')
                </div>
                <div class="tab-pane animation-fade schedule-pane table-responsive" id="ready-to-schedule" role="tabpanel">
                    @include('admin.jobs.v1.datatable.ready-to-schedule')
                </div>
                <div class="tab-pane animation-fade production-pane table-responsive" id="production" role="tabpanel">
                    @include('admin.jobs.v1.datatable.production')
                </div>
                <div class="tab-pane animation-fade ready-to-pickup-pane table-responsive" id="ready-to-pickup" role="tabpanel">
                    @include('admin.jobs.v1.datatable.ready-to-pickup')
                </div>
                <div class="tab-pane animation-fade unresolved-pane table-responsive" id="unresolved-qa" role="tabpanel">
                    @include('admin.jobs.v1.datatable.unresolved-qa')
                </div>
                <div class="tab-pane animation-fade search-pane table-responsive" id="search" role="tabpanel">

                    @include('admin.jobs.v1.datatable.search')
                </div>
                <div class="tab-pane animation-fade quotes-pane table-responsive" id="quotes" role="tabpanel">
                    @include('admin.jobs.v1.datatable.quotes')
                </div>
            </div>
            @elseif(Auth::user()->hasRole('Customer'))
            <ul class="nav nav-tabs" role="tablist">
                <li class="nav-item" role="presentation">
                    <a class="nav-link active show" data-toggle="tab" href="#inprogressjobs">
                        In Progress
                    </a>
                </li>
                <li class="nav-item" role="presentation">
                    <a class="nav-link show" data-toggle="tab" href="#completejobs">
                        Completed
                    </a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane animation-fade active show" id="inprogressjobs" role="tabpanel">
                    @include('admin.jobs.v1.customer.inprogress')
                </div>
                <div class="tab-pane animation-fade" id="completejobs" role="tabpanel">
                    @include('admin.jobs.v1.customer.complete')
                </div>
            </div>
            @endif
        </div>
    </div>
</div>
@endsection
@section('javascript')
@stack('datatable_scripts')
@endsection