@extends('admin.layout.app')

@section('title', 'Invoice Details')

@push('styles')
  <link href="/csstemplate/libs/downloaded/bootstrap.min.css" rel="stylesheet">
  <link href="/csstemplate/libs/downloaded/dataTables.bootstrap5.min.css" rel="stylesheet">
@endpush
@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
  <div class="card mb-4">
    <div class="card-header d-flex justify-content-between align-items-center">
      <h5>Invoice #{{ $invoice->id }} Details</h5>
      <a href="{{ route('admin.invoice.index') }}" class="btn btn-sm btn-secondary">
        <i class="bx bx-arrow-back"></i> Back to List
      </a>
    </div>

    <div class="card-body">
      <h6>Invoice Information</h6>
      <div class="row mb-3">
        <div class="col-md-4"><strong>Type:</strong> {{ ucfirst($invoice->invoice_type) }}</div>
        <div class="col-md-4"><strong>From:</strong> {{ optional($invoice->fromUser)->full_name ?? '-' }}</div>
        <div class="col-md-4"><strong>To:</strong> {{ optional($invoice->toUser)->full_name ?? '-' }} {{ optional($invoice->toUser)->company_name ?? '-' }}</div>
      </div>

      <div class="row mb-3">
        <div class="col-md-4"><strong>Date:</strong> {{ \Carbon\Carbon::parse($invoice->invoice_date)->format('d M Y') }}</div>
        <div class="col-md-4"><strong>Status:</strong> <span class="badge bg-info text-dark">{{ ucfirst($invoice->status) }}</span></div>
        <div class="col-md-4"><strong>Total Amount (€):</strong> €{{ number_format($invoice->total_amount, 2) }}</div>
      </div>

      @if($invoice->paymentReceivedBy)
      <div class="mb-3"><strong>Payment Received By:</strong> {{ $invoice->paymentReceivedBy->full_name }}</div>
      @endif

      @if($invoice->notes)
      <div class="mb-3"><strong>Notes:</strong><br>{{ $invoice->notes }}</div>
      @endif
    </div>
  </div>

  <div class="card">
    <div class="card-header">
      <h6>Associated Tickets</h6>
    </div>
    <div class="card-body">
      @forelse($invoice->tickets as $ticket)
        <div class="border rounded p-3 mb-4">
          <div class="row mb-2">
            <div class="col-md-4"><strong>Ticket #:</strong> {{ $ticket->ticket_number }}</div>
            <div class="col-md-4"><strong>Title:</strong> {{ $ticket->ticket_title }}</div>
            <div class="col-md-4"><strong>Status:</strong> <span class="badge bg-success">{{ ucfirst($ticket->ticket_status) }}</span></div>
          </div>
          <div class="row mb-2">
          <div class="col-md-12">
            <strong>Client Team:</strong> {{ optional($ticket->clientTeam)->first_name ?? '-' }} {{ optional($ticket->clientTeam)->last_name ?? '-' }} |
            <strong>End Client:</strong> {{ optional($ticket->endClient)->first_name ?? '-' }} {{ optional($ticket->endClient)->last_name ?? '-' }}
          </div>
          <div class="col-md-6">
            <div class="col-md-12"><strong>Location:</strong> {{ optional($ticket->location)->address_line ?? '-' }} {{ optional($ticket->location)->postal_code ?? '-' }} {{ optional($ticket->location)->city ?? '-' }} {{ optional($ticket->location)->country ?? '-' }}</div>
          </div>
        </div>
          @if($ticket->engineers->count())
          <div class="mt-2">
            <strong>Assigned Engineers:</strong>
            <ul class="list-group mt-1">
              @foreach($ticket->engineers as $assignment)
                <li class="list-group-item">
                  <div class="row">
                    <div class="col-md-4"><strong>Name:</strong> {{ optional($assignment->attendedBy)->first_name ?? 'N/A' }} {{ optional($assignment->attendedBy)->last_name ?? 'N/A' }}</div>
                    <div class="col-md-4"><strong>Time In:</strong> {{ optional($assignment->time_in)->format('d M Y H:i') }}</div>
                    <div class="col-md-4"><strong>Time Out:</strong> {{ optional($assignment->time_out)->format('d M Y H:i') }}</div>
                    <div class="col-md-4"><strong>Status:</strong> {{ $assignment->task_status ?? 'N/A' }}</div>
                    <div class="col-md-4"><strong>Assigned Car:</strong> {{ optional($assignment->car)->registration_number ?? 'N/A' }}</div>
                  </div>
                </li>
              @endforeach
            </ul>
          </div>
          @endif
        </div>
      @empty
        <p>No tickets linked to this invoice.</p>
      @endforelse
    </div>
  </div>
</div>
@endsection






































{{-- <div class="container-xxl flex-grow-1 container-p-y">
  <div class="d-flex justify-content-between align-items-center mb-4">
    <h4>Invoice #{{ $invoice->id }} - PDF Version</h4>
  </div>

  <div class="card p-4">
    <div class="mb-4">
      <div class="row">
        <div class="col-md-4"><strong>Invoice Date:</strong> {{ \Carbon\Carbon::parse($invoice->invoice_date)->format('d M Y') }}</div>
        <div class="col-md-4"><strong>Invoice From:</strong> {{ optional($invoice->fromUser)->full_name ?? '-' }}</div>
        <div class="col-md-4"><strong>Invoice To:</strong> {{ optional($invoice->toUser)->full_name ?? '-' }} - {{ optional($invoice->toUser)->company_name ?? '-' }}</div>
      </div>
      <div class="row mt-2">
        <div class="col-md-4"><strong>Total Amount:</strong> €{{ number_format($invoice->total_amount, 2) }}</div>
      </div>
    </div>

    <h5>Ticket Summary</h5>
    <table class="table table-bordered">
      <thead>
        <tr>
          <th>#</th>
          <th>Date</th>
          <th>Ticket #</th>
          <th>Client Ticket #</th>
          <th>Title</th>
          <th>Cost (€)</th>
        </tr>
      </thead>
      <tbody>
        @php $sum = 0; @endphp
        @foreach ($invoice->tickets as $index => $ticket)
          <tr>
            <td>{{ $index + 1 }}</td>
            <td>{{ optional($ticket->intervention_date)->format('d M Y') ?? 'N/A' }}</td>
            <td>{{ $ticket->ticket_number }}</td>
            <td>{{ $ticket->client_ticket_number ?? '-' }}</td>
            <td>{{ $ticket->ticket_title }}</td>
            <td>€{{ number_format($ticket->work_cost, 2) }}</td>
          </tr>
          @php $sum += $ticket->work_cost; @endphp
        @endforeach
      </tbody>
      <tfoot>
        <tr>
          <th colspan="5" class="text-end">Total:</th>
          <th>€{{ number_format($sum, 2) }}</th>
        </tr>
      </tfoot>
    </table>

    <div class="mt-4">
      <h5>Bank Details</h5>
      @if ($invoice->fromUser && $invoice->fromUser->bankDetail)
        <div class="row">
          <div class="col-md-6">
            <p><strong>Account Title:</strong> {{ $invoice->fromUser->bankDetail->account_title }}</p>
            <p><strong>Bank Name:</strong> {{ $invoice->fromUser->bankDetail->bank_name }}</p>
            <p><strong>Bank Address:</strong> {{ $invoice->fromUser->bankDetail->bank_address }}</p>
            <p><strong>IBAN Number:</strong> {{ $invoice->fromUser->bankDetail->iban_number }}</p>
            <p><strong>PayPal/Email:</strong> {{ $invoice->fromUser->bankDetail->paypal_or_email }}</p>
          </div>
        </div>
      @else
        <p>No bank details available for the invoice sender.</p>
      @endif
    </div>
  </div>
</div> --}}



{{-- <!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Invoice</title>
   <link rel="stylesheet" href="/csstemplate/assets/css/invoice.css" type="text/css" media="all" />
</head>

<body>
  <div>
    <div class="py-4">
      <div class="px-14 py-6">
        <table class="w-full border-collapse border-spacing-0">
          <tbody>
            <tr>
              <td class="w-full align-top">
                <div>
                  <img src="https://raw.githubusercontent.com/templid/email-templates/main/templid-dynamic-templates/invoice-02/brand-sample.png" class="h-12" />
                </div>
              </td>

              <td class="align-top">
                <div class="text-sm">
                  <table class="border-collapse border-spacing-0">
                    <tbody>
                      <tr>
                        <td class="border-r pr-4">
                          <div>
                            <p class="whitespace-nowrap text-slate-400 text-right">Date</p>
                            <p class="whitespace-nowrap font-bold text-main text-right">{{ \Carbon\Carbon::parse($invoice->invoice_date)->format('F d, Y') }}</p>
                          </div>
                        </td>
                        <td class="pl-4">
                          <div>
                            <p class="whitespace-nowrap text-slate-400 text-right">Invoice #</p>
                            <p class="whitespace-nowrap font-bold text-main text-right">INV-{{ $invoice->id }}</p>
                          </div>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>

      <div class="bg-slate-100 px-14 py-6 text-sm">
        <table class="w-full border-collapse border-spacing-0">
          <tbody>
            <tr>
              <td class="w-1/2 align-top">
                <div class="text-sm text-neutral-600">
                  <p class="font-bold">{{ optional($invoice->fromUser)->full_name ?? '-' }}</p>
                  <p>{{ optional($invoice->fromUser->location)->address_line ?? '' }}</p>
                  <p>{{ optional($invoice->fromUser->location)->postal_code ?? '' }} {{ optional($invoice->fromUser->location)->city ?? '' }}</p>
                  <p>{{ optional($invoice->fromUser->location)->country ?? '' }}</p>
                </div>
              </td>
              <td class="w-1/2 align-top text-right">
                <div class="text-sm text-neutral-600">
                  <p class="font-bold">{{ optional($invoice->toUser)->full_name ?? '-' }}</p>
                  <p>{{ optional($invoice->toUser)->company_name ?? '-' }}</p>
                  <p>{{ optional($invoice->toUser->location)->address_line ?? '' }}</p>
                  <p>{{ optional($invoice->toUser->location)->postal_code ?? '' }} {{ optional($invoice->toUser->location)->city ?? '' }}</p>
                  <p>{{ optional($invoice->toUser->location)->country ?? '' }}</p>
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>

      <div class="px-14 py-10 text-sm text-neutral-700">
        <table class="w-full border-collapse border-spacing-0">
          <thead>
            <tr>
              <td class="border-b-2 border-main pb-3 pl-3 font-bold text-main">#</td>
              <td class="border-b-2 border-main pb-3 pl-2 font-bold text-main">Ticket Details</td>
              <td class="border-b-2 border-main pb-3 pl-2 text-center font-bold text-main">Date</td>
              <td class="border-b-2 border-main pb-3 pl-2 text-right font-bold text-main">Cost (€)</td>
            </tr>
          </thead>
          <tbody>
            @php $sum = 0; @endphp
            @foreach ($invoice->tickets as $index => $ticket)
              <tr>
                <td class="border-b py-3 pl-3">{{ $index + 1 }}</td>
                <td class="border-b py-3 pl-2">#{{ $ticket->ticket_number }} - {{ $ticket->ticket_title }}</td>
                <td class="border-b py-3 pl-2 text-center">{{ optional($ticket->intervention_date)->format('d M Y') ?? 'N/A' }}</td>
                <td class="border-b py-3 pl-2 text-right">€{{ number_format($ticket->work_cost, 2) }}</td>
              </tr>
              @php $sum += $ticket->work_cost; @endphp
            @endforeach
            <tr>
              <td colspan="4">
                <table class="w-full border-collapse border-spacing-0">
                  <tbody>
                    <tr>
                      <td class="w-full"></td>
                      <td>
                        <table class="w-full border-collapse border-spacing-0">
                          <tbody>
                            <tr>
                              <td class="border-b p-3">
                                <div class="whitespace-nowrap text-slate-400">Net total:</div>
                              </td>
                              <td class="border-b p-3 text-right">
                                <div class="whitespace-nowrap font-bold text-main">€{{ number_format($sum, 2) }}</div>
                              </td>
                            </tr>
                            <tr>
                              <td class="bg-main p-3">
                                <div class="whitespace-nowrap font-bold text-white">Total:</div>
                              </td>
                              <td class="bg-main p-3 text-right">
                                <div class="whitespace-nowrap font-bold text-white">€{{ number_format($sum, 2) }}</div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </td>
            </tr>
          </tbody>
        </table>
      </div>

      <div class="px-14 text-sm text-neutral-700">
        <p class="text-main font-bold">BANK DETAILS</p>
        @if ($invoice->fromUser && $invoice->fromUser->bankDetail)
        <table class="text-sm mt-2">
          <tr><td class="pr-4">Account Title:</td><td>{{ $invoice->fromUser->bankDetail->account_title }}</td></tr>
          <tr><td class="pr-4">Bank Name:</td><td>{{ $invoice->fromUser->bankDetail->bank_name }}</td></tr>
          <tr><td class="pr-4">Bank Address:</td><td>{{ $invoice->fromUser->bankDetail->bank_address }}</td></tr>
          <tr><td class="pr-4">IBAN Number:</td><td>{{ $invoice->fromUser->bankDetail->iban_number }}</td></tr>
          <tr><td class="pr-4">PayPal/Email:</td><td>{{ $invoice->fromUser->bankDetail->paypal_or_email }}</td></tr>
        </table>
        @else
          <p>No bank details available for the invoice sender.</p>
        @endif
      </div>

      <div class="px-14 py-10 text-sm text-neutral-700">
        <p class="text-main font-bold">Notes</p>
        <p class="italic">Thank you for your business. Please contact us if you have any questions regarding this invoice.</p>
      </div>

      <footer class="fixed bottom-0 left-0 bg-slate-100 w-full text-neutral-600 text-center text-xs py-3">
        {{ optional($invoice->fromUser)->full_name ?? 'Sender Company' }}
        <span class="text-slate-300 px-2">|</span>
        {{ optional($invoice->fromUser)->email ?? 'info@example.com' }}
        <span class="text-slate-300 px-2">|</span>
        {{ optional($invoice->fromUser)->phone ?? '+00-000-000000' }}
      </footer>
    </div>
  </div>
</body>

</html> --}}