@extends('mail.template')

@section('title', 'New Warranty Request')
@section('subtitle', 'A new warranty certificate was requested via the website form')

@section('content')
<div class="info-card">
    <h2 class="card-title">
        <i class="fas fa-shield-alt"></i>
        Warranty Request Details
    </h2>

    <div class="text-center mb-20">
        <h1 style="font-size: 19px; color: #495057;">New warranty request</h1>
        <p class="text-justify mt-15">Hello, admin!</p>
        <p class="text-justify mt-15">A new warranty certificate was requested via the website form!</p>
    </div>

    <div class="field">
        <div class="field-icon">
            <i class="fas fa-hashtag"></i>
        </div>
        <div class="field-content">
            <div class="field-label">Request ID</div>
            <div class="field-value">{{ $warranty->id }}</div>
        </div>
    </div>

    <div class="field">
        <div class="field-icon">
            <i class="fas fa-user"></i>
        </div>
        <div class="field-content">
            <div class="field-label">Customer Name</div>
            <div class="field-value">{{ $warranty->first_name }} {{ $warranty->last_name }}</div>
        </div>
    </div>

    <div class="field">
        <div class="field-icon">
            <i class="fas fa-map-pin"></i>
        </div>
        <div class="field-content">
            <div class="field-label">Address Line 1</div>
            <div class="field-value">{{ $warranty->address_line_1 }}</div>
        </div>
    </div>

    @if($warranty->address_line_2)
    <div class="field">
        <div class="field-icon">
            <i class="fas fa-map"></i>
        </div>
        <div class="field-content">
            <div class="field-label">Address Line 2</div>
            <div class="field-value">{{ $warranty->address_line_2 }}</div>
        </div>
    </div>
    @endif

    <div class="field">
        <div class="field-icon">
            <i class="fas fa-city"></i>
        </div>
        <div class="field-content">
            <div class="field-label">City</div>
            <div class="field-value">{{ $warranty->city }}</div>
        </div>
    </div>

    <div class="field">
        <div class="field-icon">
            <i class="fas fa-flag"></i>
        </div>
        <div class="field-content">
            <div class="field-label">State</div>
            <div class="field-value">{{ $warranty->state }}</div>
        </div>
    </div>

    <div class="field">
        <div class="field-icon">
            <i class="fas fa-mailbox"></i>
        </div>
        <div class="field-content">
            <div class="field-label">Zipcode</div>
            <div class="field-value">{{ $warranty->zipcode }}</div>
        </div>
    </div>

    <div class="field">
        <div class="field-icon">
            <i class="fas fa-store"></i>
        </div>
        <div class="field-content">
            <div class="field-label">Store Name</div>
            <div class="field-value">{{ $warranty->store_name }}</div>
        </div>
    </div>

    <div class="field">
        <div class="field-icon">
            <i class="fas fa-box"></i>
        </div>
        <div class="field-content">
            <div class="field-label">Product</div>
            <div class="field-value">{{ $warranty->products[0]->product_title }}</div>
        </div>
    </div>

    <div class="field">
        <div class="field-icon">
            <i class="fas fa-file-invoice"></i>
        </div>
        <div class="field-content">
            <div class="field-label">Invoice</div>
            <div class="field-value">Click "View Full Request" to see all details</div>
        </div>
    </div>
</div>

<div class="text-center mt-35">
    <a href="{{ route('admin.warranty.view', $warranty->id) }}" class="btn">
        <i class="fas fa-eye"></i> View Full Request
    </a>
</div>
@endsection

@section('footer-text', 'This warranty request notification was sent by PermShield. Please review the request details above.')