@extends('front.layouts.m_plus.main')
@section('title')
Dashboard - Completed 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">Completed Task</h3>
                            </div>
                                @if(count($completedTaskData))
                                @foreach($completedTaskData 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 == 'approved' && $item->payment_status == 'due')
                                                <span class="badge badge-pill badge-warning">Due</span>
                                                @elseif($item->status == 'approved' && $item->payment_status == 'approved')
                                                <span class="badge badge-pill badge-info">Approved</span>
                                                @elseif($item->status == 'approved' && $item->payment_status == 'paid')
                                                <span class="badge badge-pill badge-success">Paid</span>
                                                @endif
                                                
                                                @if($item->status == 'submitted')
                                                <span class="badge badge-pill badge-primary">Submitted</span>
                                                @elseif($item->status == 'approved')
                                                <span class="badge badge-pill badge-secondary">Approved</span>
                                                @elseif($item->status == 'rejected')
                                                <span class="badge badge-pill badge-danger">Rejected</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>
                                        <div class="d-flex flex-column flex-sm-row align-items-start align-items-sm-center">
                                            <div class="col-md-4">
                                                <a href="{{url('/m-plus-dashboard/task-details/')}}/{{ $item->id }}" class="btn btn-em">View Task</a>
                                            </div>
                                            <div class="col-md-4 ">
                                                @if($item->status == 'approved' && $item->payment_status == 'paid')
                                                <a href="{{ route('front.m-plus-dashboard.download-payment-receipt' , ['id' => $item->id]) }}" target="_blank" class="float-right"> <i class="material-icons">get_app</i> Download Receipt</a>
                                                @endif
                                            </div>
                                        </div>
                                    </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 Completed</label>
                                        <p class="display-info">{{ $countCompletedTask }} Tasks</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label xs-font-size gray">Total Earned</label>
                                        <p class="display-info">
                                        @if($paymentEarned == 0)
                                        {{ $currency_code }} {{ number_format($paymentEarned) }}
                                        @else
                                        {{ $currency_code }} {{ number_format($paymentEarned, 2) }}
                                        @endif
                                        </p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label xs-font-size gray">Total Due</label>
                                        <p class="display-info">
                                        @if($paymentDue == 0)
                                        {{ $currency_code }} {{ number_format($paymentDue) }}
                                        @else
                                        {{ $currency_code }} {{ number_format($paymentDue, 2) }}
                                        @endif
                                        </p>
                                    </div>
                                </form>							
                            </div>
                        </div>
                    </div>
                </div>
			</div>
		</div>
	</main>
@endsection

@push('pageJs')
<script>
    $(document).ready(function() {
        
		@if(Session::has('message'))
			Snackbar.show({
				pos: 'bottom-right',
				text: "{!! session('message') !!}",
				actionText: 'Okay'
			});
		@endif
    });
</script>
@endpush