@extends('front.layouts.m_plus.main')
@section('title')
Dashboard - Pending Task
@endsection

@section('content')
<main class="task-page">
		<div class="container">
			<div class="main-content">
                <div class="row">
                    <div class="col-lg-9 col-sm-8">
                        <div class="bg-white pt-5 px-2 px-md-4">
                            <div class="title-wrapper">
                                <h3 class="h3 h3-title mt-0">Pending Task</h3>
                            </div>
                            @if(count($pendingTaskData))
                                @foreach($pendingTaskData as $item)
                                <div class="box white job-list bordered light">
                                    <div class="d-flex justify-content-between align-items-center">
                                        @if($item->mpClientBranch && $item->mpClientBranch->company && $item->mpClientBranch->company->name)
                                            <h3 class="border-0 medium-font-size">{{ $item->mpClientBranch->company->name }}</h3>
                                        @endif
                                        <div class="mb-2">
                                            @if($item->status == 'pending')
                                            <span class="badge badge-pill badge-success">Pending</span>
                                            @elseif($item->status == 'due')
                                            <span class="badge badge-pill badge-warning">Due</span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6 col-lg-2">
                                            <div class="form-group">
                                                <label class="control-label">Start Date</label>
                                                <p class="display-info">{{ date(config('custom.formats.date'),strtotime($item->start_date)) }}</p>
                                            </div>
                                        </div>
                                        <div class="col-sm-6 col-lg-2">
                                            <div class="form-group">
                                                <label class="control-label">Deadline</label>
                                                <p class="display-info">{{ date(config('custom.formats.date'),strtotime($item->end_date)) }}</p>
                                            </div>
                                        </div>
                                        <div class="col-sm-6 col-lg-2">
                                            <div class="form-group">
                                                <label class="control-label">Visit Charge</label>
                                                <p class="display-info">{{ $currency_code }} {{ number_format($item->visit_charge, 2) }}</p>
                                            </div>
                                        </div>
                                        <div class="col-sm-6 col-lg-3">
                                            <div class="form-group">
                                                <label class="control-label">Branch Name</label>
                                                @if($item->mpClientBranch && $item->mpClientBranch->clientBranch && $item->mpClientBranch->clientBranch->name)
                                                    <p>{{ $item->mpClientBranch->clientBranch->name }}</p>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <a href="{{url('/m-plus-dashboard/task-details/')}}/{{ $item->id }}" class="btn btn-em">View Task</a>
                                </div>
                                @endforeach
                            @else
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="alert alert-warning" role="alert">
                                        No Records to show
                                    </div>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-4">
                        <div class="sidebar right px-md-3 mt-3 mt-sm-0" style="top: 105px;">
                            <div class="stats">
                                <div class="title-wrapper">
                                    <h3 class="h3 h3-title mt-0">Statistics</h3>
                                </div>
                                <form>
                                    <div class="form-group">
                                        <label class="control-label xs-font-size gray">Tasks Pending</label>
                                        <p class="display-info">{{ $pendingTaskCount['pending'] }} Tasks</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label xs-font-size gray">Tasks Due</label>
                                        <p class="display-info">{{ $pendingTaskCount['due'] }}  Tasks</p>
                                    </div>
                                </form>							
                            </div>
                        </div>
                    </div>
                </div>
            </div>
		</div>
	</main>
@endsection