File Manager

Editing:agreement_show.blade.php

<x-app-layout>
    <x-slot name="header">
        <div class="flex items-center justify-between">
            <h2 class="text-xl font-semibold leading-tight text-white">
                {{ __('Agreement') }} {{ $agreement->agreement_number }}
            </h2>
            <a href="{{ route('admin.agreements') }}" class="text-sm text-orange hover:text-orange-dark font-medium">← Back to Agreements</a>
        </div>
    </x-slot>

<div class="py-8">
        <div class="mx-auto max-w-4xl sm:px-6 lg:px-8">
            <div class="overflow-hidden rounded-lg bg-white shadow-sm ring-1 ring-gray-900/5 p-8">
                {{-- Header --}}
                <div class="flex justify-between items-start mb-8">
                    <div>
                        <x-application-logo class="h-12 w-auto" />
                        <p class="text-sm text-gray-500 mt-1">Internal Management System</p>
                    </div>
                    <div class="text-right">
                        <h2 class="text-xl font-bold text-orange">SERVICE AGREEMENT</h2>
                        <p class="text-sm text-gray-600 mt-1">{{ $agreement->agreement_number }}</p>
                        <p class="text-sm text-gray-600">Date: {{ $agreement->created_at->format('M d, Y') }}</p>
                        @php
                            $statusColors = [
                                'draft' => 'bg-gray-100 text-gray-800',
                                'sent' => 'bg-blue-100 text-blue-800',
                                'signed' => 'bg-green-100 text-green-800',
                                'cancelled' => 'bg-red-100 text-red-800',
                            ];
                        @endphp
                        <span class="inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold {{ $statusColors[$agreement->status] ?? '' }} mt-2">
                            {{ ucfirst($agreement->status) }}
                        </span>
                    </div>
                </div>

{{-- Client Info --}}
                <div class="grid grid-cols-2 gap-8 mb-8">
                    <div>
                        <h3 class="text-sm font-semibold text-gray-500 uppercase mb-2">Between</h3>
                        <p class="font-semibold text-navy">WebSparkIT</p>
                        <p class="text-sm text-gray-600">IT Solutions & Services</p>
                    </div>
                    <div>
                        <h3 class="text-sm font-semibold text-gray-500 uppercase mb-2">And</h3>
                        <p class="font-semibold text-navy">{{ $agreement->client_name }}</p>
                        @if($agreement->company_name)
                            <p class="text-sm text-gray-600">{{ $agreement->company_name }}</p>
                        @endif
                        @if($agreement->client)
                            <p class="text-sm text-gray-600">{{ $agreement->client->email }}</p>
                        @endif
                    </div>
                </div>

@if($agreement->project)
                    <div class="mb-8">
                        <h3 class="text-sm font-semibold text-gray-500 uppercase mb-2">Project</h3>
                        <p class="font-semibold text-navy">{{ $agreement->project->name }}</p>
                    </div>
                @endif

{{-- Total Amount --}}
                <div class="mb-8 p-4 bg-gray-50 rounded-lg">
                    <h3 class="text-sm font-semibold text-gray-500 uppercase mb-2">Agreement Value</h3>
                    <p class="text-2xl font-bold text-navy">Rs{{ number_format($agreement->total_amount, 2) }}</p>
                </div>

{{-- Scope of Work --}}
                @if($agreement->scope_of_work)
                    <div class="mb-8">
                        <h3 class="text-sm font-semibold text-gray-500 uppercase mb-3">Scope of Work</h3>
                        <div class="text-sm text-gray-700 whitespace-pre-wrap">{{ $agreement->scope_of_work }}</div>
                    </div>
                @endif

{{-- Terms & Conditions --}}
                @if($agreement->terms_and_conditions)
                    <div class="mb-8">
                        <h3 class="text-sm font-semibold text-gray-500 uppercase mb-3">Terms & Conditions</h3>
                        <div class="text-sm text-gray-700 whitespace-pre-wrap">{{ $agreement->terms_and_conditions }}</div>
                    </div>
                @endif

{{-- Payment Terms --}}
                @if($agreement->payment_terms)
                    <div class="mb-8">
                        <h3 class="text-sm font-semibold text-gray-500 uppercase mb-3">Payment Terms</h3>
                        <div class="text-sm text-gray-700 whitespace-pre-wrap">{{ $agreement->payment_terms }}</div>
                    </div>
                @endif

{{-- Signature Area --}}
                <div class="grid grid-cols-2 gap-8 pt-8 border-t">
                    <div>
                        <p class="text-sm font-semibold text-gray-500 mb-8">For <x-application-logo class="h-6 w-auto inline-block" /></p>
                        <div class="border-t border-gray-300 pt-2">
                            <p class="text-sm text-gray-600">Authorized Signature</p>
                        </div>
                    </div>
                    <div>
                        <p class="text-sm font-semibold text-gray-500 mb-8">For {{ $agreement->client_name }}</p>
                        <div class="border-t border-gray-300 pt-2">
                            <p class="text-sm text-gray-600">Client Signature</p>
                            @if($agreement->signed_at)
                                <p class="text-xs text-green-600 mt-1">Signed on {{ $agreement->signed_at->format('M d, Y') }}</p>
                            @endif
                        </div>
                    </div>
                </div>

{{-- Actions --}}
                @if($agreement->status === 'draft')
                    <div class="flex justify-end gap-3 pt-8">
                        <form action="{{ route('admin.agreement.send', $agreement) }}" method="POST">
                            @csrf
                            <button type="submit" class="px-6 py-2 bg-green-600 text-white rounded-md text-sm font-medium hover:bg-green-700">
                                Send to Client
                            </button>
                        </form>
                    </div>
                @endif
            </div>
        </div>
    </div>
</x-app-layout>

Cancel

🤩 File Manager - Mr.X

Editing:agreement_show.blade.php