@extends('layouts.master')
@section('title', 'Workflow Engine | Dashboard')
@section('content')

@include('partials.data_table_cdn')
@include('utility.enToBnNum')
@php
    $user=Session::get('user');
@endphp
<style lang="">
    tr,td{
        padding: 8px 12px
    }
</style>  
<pre>
</pre>
<div class="all_applications_block">
    <div class="container bg-white rounded_area mb-3">
        <div class="application_list_block relative overflow-x-auto md:overflow-x-visible">
            <table class="table border table-auto" style="width: 100%" id="dataTable">
                <thead>
                    <tr>                       
                        <th class="border px-2 py-2" title="Service Information (Name, Type) and Application Tracking ID" style='width: 25%;'>{{__('Service_Information')}}</th>
                        <th class="border px-2 py-2" title="Applicant Name and Mobile">{{__('Applicant_Information')}}</th>                        
                        <th class="border px-2 py-2" title="Applying Date" style="width: 12%;">{{__('Apply_Date')}}</th>
                        <th class="border px-2 py-2" title="Receivable Date "  style="width: 12%;">Receivable Date</th>
                        <th class="border px-2 py-2" title="Receivable Amount"  style="width: 12%;">Receivable Amount</th>
                        <th class="border px-2 py-2" title="Receivable Date "  style="width: 12%;">Received Date</th>
                        <th class="border px-2 py-2" title="Receivable Amount"  style="width: 12%;">Received Amount</th>
                    </tr>
                </thead>
                <tbody>
                @foreach ($application->data as $key => $value)
                <tr>
                    <td class=" text-left border border-collapse" width='width: 25%;'>
                        {{$value->srv_name}}-{{$value->service_name}}
                        <br><div class='flex'> <span class='text-blue-900'>
                            ID: {{$value->tracking_id}}</span>
                    </td>
                    <td class=" text-left border border-collapse">
                        {{ $value->name }}<br>                       
                        <span class='us-ph'>{{$value->mobile}}</span>
                    </td>                            
                    <td class=" text-left border border-collapse">{{ date('d-m-Y', strtotime($value->app_date))}}</td>
                    <td class=" text-left border border-collapse">{{ date('d-m-Y', strtotime($value->app_pay_cr_date))}}</td>
                    <td class=" text-left border border-collapse">{{ $value->receivable }} ₱</td>
                    <td class=" text-left border border-collapse">{{ date('d-m-Y', strtotime($value->app_pay_date))}}</td>
                    <td class=" text-left border border-collapse">{{ $value->received }} ₱</td>
                    
                </tr>    
                    
                @endforeach
                </tbody>
            </table>
            <div class="block mt-3" >
                <div class=" border-t border-gray-200 bg-white py-3">
                    <div class="">
                        {{-- $application->appends($_GET)->links('pagination::tailwind') --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $(document).ready(function () {
        $('#dataTable').DataTable();
    });
</script>
@endsection