update layout control vm

This commit is contained in:
Pham Bao
2025-08-10 21:50:26 +07:00
parent dcac40e770
commit cb0e263f44
16 changed files with 514 additions and 47 deletions
@@ -1,10 +1,30 @@
@extends('frontend.layouts.master')
@section('content')
<div class="bg-gray-50 rounded-lg py-12">
<div class="container mx-auto px-4 max-w-4xl">
<!-- Card chính -->
<div class="bg-white rounded-lg shadow-lg overflow-hidden mb-8">
@if(!$invoice)
<div class="bg-gray-50 rounded-lg py-12">
<div class="container mx-auto px-4 max-w-4xl">
<div class="bg-white rounded-lg shadow-lg p-8 text-center">
<div class="text-gray-500 mb-4">
<svg class="mx-auto h-12 w-12 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 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>
</div>
<h3 class="text-lg font-medium text-gray-900 mb-2">{{ __('Invoice not found') }}</h3>
<p class="text-gray-500">{{ __('The invoice you are looking for could not be found or you do not have permission to view it.') }}</p>
<div class="mt-6">
<a href="{{ route('home') }}" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-primary hover:bg-primary-dark focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary">
{{ __('Back to Dashboard') }}
</a>
</div>
</div>
</div>
</div>
@else
<div class="bg-gray-50 rounded-lg py-12">
<div class="container mx-auto px-4 max-w-4xl">
<!-- Card chính -->
<div class="bg-white rounded-lg shadow-lg overflow-hidden mb-8">
<!-- Header -->
<div class="bg-primary p-6">
<div class="flex justify-between items-center">
@@ -23,7 +43,13 @@
<div class="space-y-2">
<div class="flex justify-between">
<span class="text-gray-600">Ngày đặt:</span>
<span class="font-medium">{{ date('d/m/Y H:i', $invoice->date ?? 'N/A') }}</span>
<span class="font-medium">
@if ($invoice->date)
{{ date('d/m/Y H:i', strtotime($invoice->date)) }}
@else
N/A
@endif
</span>
</div>
<div class="flex justify-between">
<span class="text-gray-600">Trạng thái:</span>
@@ -238,4 +264,5 @@
</div>
</div>
</div>
@endif
@endsection