378 lines
25 KiB
PHP
378 lines
25 KiB
PHP
<x-app-layout>
|
|
<x-slot name="header">
|
|
<div class="flex items-center justify-between">
|
|
<h2 class="text-xl font-semibold leading-tight text-gray-800">
|
|
{{ __('Finance Document Details') }}
|
|
</h2>
|
|
<a href="{{ route('admin.finance.index') }}" class="text-sm text-indigo-600 hover:text-indigo-900">
|
|
← {{ __('Back to list') }}
|
|
</a>
|
|
</div>
|
|
</x-slot>
|
|
|
|
<div class="py-12">
|
|
<div class="mx-auto max-w-4xl sm:px-6 lg:px-8 space-y-6">
|
|
{{-- Status Message --}}
|
|
@if (session('status'))
|
|
<div class="rounded-md bg-green-50 p-4" role="status" aria-live="polite">
|
|
<p class="text-sm font-medium text-green-800">
|
|
{{ session('status') }}
|
|
</p>
|
|
</div>
|
|
@endif
|
|
|
|
{{-- Document Details --}}
|
|
<div class="bg-white shadow sm:rounded-lg">
|
|
<div class="px-4 py-5 sm:p-6">
|
|
<h3 class="text-lg font-medium leading-6 text-gray-900 mb-4">
|
|
{{ __('Document Information') }}
|
|
</h3>
|
|
|
|
<dl class="grid grid-cols-1 gap-x-4 gap-y-6 sm:grid-cols-2">
|
|
<div>
|
|
<dt class="text-sm font-medium text-gray-500">{{ __('Title') }}</dt>
|
|
<dd class="mt-1 text-sm text-gray-900">{{ $document->title }}</dd>
|
|
</div>
|
|
|
|
<div>
|
|
<dt class="text-sm font-medium text-gray-500">{{ __('Status') }}</dt>
|
|
<dd class="mt-1">
|
|
@if ($document->isRejected())
|
|
<span class="inline-flex rounded-full bg-red-100 px-2 text-xs font-semibold leading-5 text-red-800">
|
|
{{ $document->status_label }}
|
|
</span>
|
|
@elseif ($document->isFullyApproved())
|
|
<span class="inline-flex rounded-full bg-green-100 px-2 text-xs font-semibold leading-5 text-green-800">
|
|
{{ $document->status_label }}
|
|
</span>
|
|
@else
|
|
<span class="inline-flex rounded-full bg-yellow-100 px-2 text-xs font-semibold leading-5 text-yellow-800">
|
|
{{ $document->status_label }}
|
|
</span>
|
|
@endif
|
|
</dd>
|
|
</div>
|
|
|
|
<div>
|
|
<dt class="text-sm font-medium text-gray-500">{{ __('Member') }}</dt>
|
|
<dd class="mt-1 text-sm text-gray-900">
|
|
@if ($document->member)
|
|
<a href="{{ route('admin.members.show', $document->member) }}" class="text-indigo-600 hover:text-indigo-900">
|
|
{{ $document->member->full_name }}
|
|
</a>
|
|
@else
|
|
<span class="text-gray-500">{{ __('Not linked to a member') }}</span>
|
|
@endif
|
|
</dd>
|
|
</div>
|
|
|
|
<div>
|
|
<dt class="text-sm font-medium text-gray-500">{{ __('Amount') }}</dt>
|
|
<dd class="mt-1 text-sm text-gray-900">
|
|
@if (!is_null($document->amount))
|
|
${{ number_format($document->amount, 2) }}
|
|
@else
|
|
<span class="text-gray-500">{{ __('N/A') }}</span>
|
|
@endif
|
|
</dd>
|
|
</div>
|
|
|
|
<div>
|
|
<dt class="text-sm font-medium text-gray-500">{{ __('Submitted by') }}</dt>
|
|
<dd class="mt-1 text-sm text-gray-900">
|
|
{{ $document->submittedBy?->name ?? __('N/A') }}
|
|
</dd>
|
|
</div>
|
|
|
|
<div>
|
|
<dt class="text-sm font-medium text-gray-500">{{ __('Submitted at') }}</dt>
|
|
<dd class="mt-1 text-sm text-gray-900">
|
|
{{ $document->submitted_at?->format('Y-m-d H:i:s') ?? __('N/A') }}
|
|
</dd>
|
|
</div>
|
|
|
|
@if ($document->attachment_path)
|
|
<div class="sm:col-span-2">
|
|
<dt class="text-sm font-medium text-gray-500">{{ __('Attachment') }}</dt>
|
|
<dd class="mt-1 text-sm text-gray-900">
|
|
<a href="{{ route('admin.finance.download', $document) }}" class="inline-flex items-center rounded-md border border-gray-300 bg-white px-3 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">
|
|
<svg class="mr-2 h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
|
|
</svg>
|
|
{{ __('Download Attachment') }}
|
|
</a>
|
|
</dd>
|
|
</div>
|
|
@endif
|
|
|
|
@if ($document->description)
|
|
<div class="sm:col-span-2">
|
|
<dt class="text-sm font-medium text-gray-500">{{ __('Description') }}</dt>
|
|
<dd class="mt-1 whitespace-pre-line text-sm text-gray-900">
|
|
{{ $document->description }}
|
|
</dd>
|
|
</div>
|
|
@endif
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- Approval Timeline --}}
|
|
<div class="bg-white shadow sm:rounded-lg">
|
|
<div class="px-4 py-5 sm:p-6">
|
|
<h3 class="text-lg font-medium leading-6 text-gray-900 mb-4">
|
|
{{ __('Approval Timeline') }}
|
|
</h3>
|
|
|
|
<div class="flow-root">
|
|
<ul role="list" class="-mb-8">
|
|
{{-- Cashier Approval --}}
|
|
<li>
|
|
<div class="relative pb-8">
|
|
<span class="absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200" aria-hidden="true"></span>
|
|
<div class="relative flex space-x-3">
|
|
<div>
|
|
@if ($document->cashier_approved_at)
|
|
<span class="flex h-8 w-8 items-center justify-center rounded-full bg-green-500 ring-8 ring-white">
|
|
<svg class="h-5 w-5 text-white" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
|
</svg>
|
|
</span>
|
|
@else
|
|
<span class="flex h-8 w-8 items-center justify-center rounded-full bg-gray-400 ring-8 ring-white">
|
|
<span class="h-2.5 w-2.5 rounded-full bg-white"></span>
|
|
</span>
|
|
@endif
|
|
</div>
|
|
<div class="flex min-w-0 flex-1 justify-between space-x-4 pt-1.5">
|
|
<div>
|
|
<p class="text-sm text-gray-900">
|
|
{{ __('Cashier Approval') }}
|
|
@if ($document->cashier_approved_at)
|
|
<span class="font-medium text-gray-900">{{ $document->approvedByCashier?->name }}</span>
|
|
@endif
|
|
</p>
|
|
</div>
|
|
<div class="whitespace-nowrap text-right text-sm text-gray-500">
|
|
@if ($document->cashier_approved_at)
|
|
{{ $document->cashier_approved_at->format('Y-m-d H:i') }}
|
|
@else
|
|
{{ __('Pending') }}
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
{{-- Accountant Approval --}}
|
|
<li>
|
|
<div class="relative pb-8">
|
|
<span class="absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200" aria-hidden="true"></span>
|
|
<div class="relative flex space-x-3">
|
|
<div>
|
|
@if ($document->accountant_approved_at)
|
|
<span class="flex h-8 w-8 items-center justify-center rounded-full bg-green-500 ring-8 ring-white">
|
|
<svg class="h-5 w-5 text-white" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
|
</svg>
|
|
</span>
|
|
@else
|
|
<span class="flex h-8 w-8 items-center justify-center rounded-full bg-gray-400 ring-8 ring-white">
|
|
<span class="h-2.5 w-2.5 rounded-full bg-white"></span>
|
|
</span>
|
|
@endif
|
|
</div>
|
|
<div class="flex min-w-0 flex-1 justify-between space-x-4 pt-1.5">
|
|
<div>
|
|
<p class="text-sm text-gray-900">
|
|
{{ __('Accountant Approval') }}
|
|
@if ($document->accountant_approved_at)
|
|
<span class="font-medium text-gray-900">{{ $document->approvedByAccountant?->name }}</span>
|
|
@endif
|
|
</p>
|
|
</div>
|
|
<div class="whitespace-nowrap text-right text-sm text-gray-500">
|
|
@if ($document->accountant_approved_at)
|
|
{{ $document->accountant_approved_at->format('Y-m-d H:i') }}
|
|
@else
|
|
{{ __('Pending') }}
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
{{-- Chair Approval --}}
|
|
<li>
|
|
<div class="relative pb-8">
|
|
<div class="relative flex space-x-3">
|
|
<div>
|
|
@if ($document->chair_approved_at)
|
|
<span class="flex h-8 w-8 items-center justify-center rounded-full bg-green-500 ring-8 ring-white">
|
|
<svg class="h-5 w-5 text-white" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
|
</svg>
|
|
</span>
|
|
@else
|
|
<span class="flex h-8 w-8 items-center justify-center rounded-full bg-gray-400 ring-8 ring-white">
|
|
<span class="h-2.5 w-2.5 rounded-full bg-white"></span>
|
|
</span>
|
|
@endif
|
|
</div>
|
|
<div class="flex min-w-0 flex-1 justify-between space-x-4 pt-1.5">
|
|
<div>
|
|
<p class="text-sm text-gray-900">
|
|
{{ __('Chair Approval') }}
|
|
@if ($document->chair_approved_at)
|
|
<span class="font-medium text-gray-900">{{ $document->approvedByChair?->name }}</span>
|
|
@endif
|
|
</p>
|
|
</div>
|
|
<div class="whitespace-nowrap text-right text-sm text-gray-500">
|
|
@if ($document->chair_approved_at)
|
|
{{ $document->chair_approved_at->format('Y-m-d H:i') }}
|
|
@else
|
|
{{ __('Pending') }}
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
{{-- Rejection Info --}}
|
|
@if ($document->isRejected())
|
|
<li>
|
|
<div class="relative">
|
|
<div class="relative flex space-x-3">
|
|
<div>
|
|
<span class="flex h-8 w-8 items-center justify-center rounded-full bg-red-500 ring-8 ring-white">
|
|
<svg class="h-5 w-5 text-white" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" />
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<div class="flex min-w-0 flex-1 justify-between space-x-4 pt-1.5">
|
|
<div class="flex-1">
|
|
<p class="text-sm text-gray-900">
|
|
{{ __('Rejected by') }}
|
|
<span class="font-medium text-gray-900">{{ $document->rejectedBy?->name }}</span>
|
|
</p>
|
|
@if ($document->rejection_reason)
|
|
<p class="mt-2 text-sm text-red-600">
|
|
<strong>{{ __('Reason:') }}</strong> {{ $document->rejection_reason }}
|
|
</p>
|
|
@endif
|
|
</div>
|
|
<div class="whitespace-nowrap text-right text-sm text-gray-500">
|
|
{{ $document->rejected_at?->format('Y-m-d H:i') }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
@endif
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- Approval Actions --}}
|
|
@if (!$document->isRejected() && !$document->isFullyApproved())
|
|
<div class="bg-white shadow sm:rounded-lg">
|
|
<div class="px-4 py-5 sm:p-6">
|
|
<h3 class="text-lg font-medium leading-6 text-gray-900 mb-4">
|
|
{{ __('Actions') }}
|
|
</h3>
|
|
|
|
<div class="flex gap-3">
|
|
{{-- Approve Button --}}
|
|
@php
|
|
$canApprove = false;
|
|
if (auth()->user()->hasRole('cashier') && $document->canBeApprovedByCashier()) {
|
|
$canApprove = true;
|
|
} elseif (auth()->user()->hasRole('accountant') && $document->canBeApprovedByAccountant()) {
|
|
$canApprove = true;
|
|
} elseif (auth()->user()->hasRole('chair') && $document->canBeApprovedByChair()) {
|
|
$canApprove = true;
|
|
}
|
|
@endphp
|
|
|
|
@if ($canApprove)
|
|
<form method="POST" action="{{ route('admin.finance.approve', $document) }}" class="inline">
|
|
@csrf
|
|
<button type="submit" class="inline-flex items-center rounded-md border border-transparent bg-green-600 px-4 py-2 text-sm font-medium text-white hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2">
|
|
<svg class="mr-2 h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
|
</svg>
|
|
{{ __('Approve') }}
|
|
</button>
|
|
</form>
|
|
@endif
|
|
|
|
{{-- Reject Button (show for cashier, accountant, chair) --}}
|
|
@if (auth()->user()->hasRole('cashier') || auth()->user()->hasRole('accountant') || auth()->user()->hasRole('chair'))
|
|
<button type="button" onclick="document.getElementById('rejectModal').classList.remove('hidden')" class="inline-flex items-center rounded-md border border-transparent bg-red-600 px-4 py-2 text-sm font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2">
|
|
<svg class="mr-2 h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
|
|
</svg>
|
|
{{ __('Reject') }}
|
|
</button>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
|
|
{{-- Rejection Modal --}}
|
|
<div id="rejectModal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true">
|
|
<div class="flex min-h-screen items-end justify-center px-4 pb-20 pt-4 text-center sm:block sm:p-0">
|
|
<div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" onclick="document.getElementById('rejectModal').classList.add('hidden')"></div>
|
|
|
|
<div class="inline-block transform overflow-hidden rounded-lg bg-white text-left align-bottom shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg sm:align-middle">
|
|
<form method="POST" action="{{ route('admin.finance.reject', $document) }}">
|
|
@csrf
|
|
<div class="bg-white px-4 pb-4 pt-5 sm:p-6 sm:pb-4">
|
|
<div class="sm:flex sm:items-start">
|
|
<div class="mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
|
|
<svg class="h-6 w-6 text-red-600" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" />
|
|
</svg>
|
|
</div>
|
|
<div class="mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left flex-1">
|
|
<h3 class="text-base font-semibold leading-6 text-gray-900" id="modal-title">
|
|
{{ __('Reject Document') }}
|
|
</h3>
|
|
<div class="mt-4">
|
|
<label for="rejection_reason" class="block text-sm font-medium text-gray-700">
|
|
{{ __('Rejection Reason') }}
|
|
</label>
|
|
<textarea
|
|
name="rejection_reason"
|
|
id="rejection_reason"
|
|
rows="4"
|
|
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-red-500 focus:ring-red-500 sm:text-sm"
|
|
required
|
|
></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bg-gray-50 px-4 py-3 sm:flex sm:flex-row-reverse sm:px-6 gap-3">
|
|
<button type="submit" class="inline-flex w-full justify-center rounded-md bg-red-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-red-500 sm:w-auto">
|
|
{{ __('Reject') }}
|
|
</button>
|
|
<button type="button" onclick="document.getElementById('rejectModal').classList.add('hidden')" class="mt-3 inline-flex w-full justify-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:mt-0 sm:w-auto">
|
|
{{ __('Cancel') }}
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</x-app-layout>
|