make it as best as possible with focus on pdf ui to be professional and business 
adjust:

<?php
// Include Dompdf's autoload.php file
require_once 'D:/xampp/htdocs/vaggelis/dompdf/vendor/autoload.php';
require 'db.php'; // Include your database connection and related functions

use Dompdf\Dompdf;
use Dompdf\Options;

// Function to fetch store details
function fetchStoreDetails($pdo) {
    $stmt = $pdo->query("SELECT store_name, address, phone_number, logo_path FROM settings WHERE id = 1");
    return $stmt->fetch(PDO::FETCH_ASSOC);
}

if (isset($_GET['id'])) {
    $service_id = (int)$_GET['id'];

    // Fetch service details
    $stmt = $pdo->prepare("SELECT s.*, c.full_name, d.type, d.brand, d.model, cd.serial_number
                           FROM services s
                           JOIN customers c ON s.customer_id = c.id
                           JOIN customer_devices cd ON s.device_id = cd.device_id
                           JOIN devices d ON cd.device_id = d.id
                           WHERE s.id = ?");
    $stmt->execute([$service_id]);
    $service = $stmt->fetch(PDO::FETCH_ASSOC);

    if ($service) {
        $storeDetails = fetchStoreDetails($pdo);

        // Prepare store details
        $store_name = htmlspecialchars($storeDetails['store_name'], ENT_QUOTES, 'UTF-8');
        $store_address = htmlspecialchars($storeDetails['address'], ENT_QUOTES, 'UTF-8');
        $store_phone = htmlspecialchars($storeDetails['phone_number'], ENT_QUOTES, 'UTF-8');
        $logo_path = $storeDetails['logo_path'];

        // Base URL for resources
        $base_url = 'http://localhost/vaggelis'; // Ensure the base URL is correct

        // Ensure the logo path is correct and accessible
        $logo_url = !empty($logo_path) ? $base_url . '/' . ltrim($logo_path, '/') : '';

        // Create HTML content for PDF
        $html = "
        <style>
            @font-face {
                font-family: 'DejaVu Sans';
                font-style: normal;
                font-weight: normal;
            }
            body {
                font-family: 'DejaVu Sans', sans-serif;
                color: #333;
                line-height: 1.6;
                padding: 20px;
            }
            .container {
                width: 100%;
                max-width: 800px;
                margin: 0 auto;
                padding: 20px;
                border: 1px solid #ddd;
                border-radius: 5px;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                background-color: #fff;
            }
            .header {
                text-align: center;
                margin-bottom: 20px;
            }
            .header img {
                max-width: 100px; /* Ensure the logo fits well */
                margin-bottom: 10px;
            }
            .header h1 {
                margin: 0;
                font-size: 24px;
                color: #d32f2f;
            }
            .details {
                margin-bottom: 20px;
            }
            .signatures {
                display: flex;
                justify-content: space-between;
                margin-top: 40px; /* Increased margin for better spacing */
            }
            .signature-box {
                width: 48%; /* Adjust width for better spacing */
                text-align: center;
                padding: 10px;
                border: 1px solid #ccc; /* Optional: Add a border if you want */
                min-height: 60px; /* Minimum height for signature box */
                box-sizing: border-box; /* Ensure padding is included in width */
                background-color: #f9f9f9; /* Light background for visibility */
            }
            .signature-title {
                margin-top: 5px;
                font-weight: bold;
            }
            .footer, .disclaimer {
                margin-top: 20px;
                text-align: center;
                font-size: 12px;
                color: #777;
            }
        </style>
        <div class='container'>
            <div class='header'>
                <img src='$logo_url' alt='Λογότυπο Καταστήματος'> <!-- Logo -->
                <h1>Αναφορά Υπηρεσίας</h1>
            </div>
            <div class='details'>
                <p><strong>Αριθμός Υπηρεσίας:</strong> {$service['service_number']}</p>
                <p><strong>Πελάτης:</strong> {$service['full_name']}</p>
                <p><strong>Συσκευή:</strong> {$service['type']} - {$service['brand']} - {$service['model']} (Σειριακός: {$service['serial_number']})</p>
                <p><strong>Ημερομηνία Υπηρεσίας:</strong> {$service['service_date']}</p>
                <p><strong>Κατάσταση Υπηρεσίας:</strong> {$service['status']}</p>
            </div>
            <div class='signatures'>
                <div class='signature-box'>
                    <p class='signature-title'>Υπογραφή Πελάτη</p>
                </div>
                <div class='signature-box'>
                    <p class='signature-title'>Υπογραφή Τεχνικού</p>
                </div>
            </div>
            <div class='footer'>
                <p><strong>$store_name</strong></p>
                <p>$store_address</p>
                <p>Τηλέφωνο: $store_phone</p>
            </div>
            <div class='disclaimer'>
                <p>Μετά από τη σχετική ειδοποίηση ότι το παρόν προϊόν είναι έτοιμο προς παραλαβή, ο πελάτης οφείλει να το παραλάβει εντός 10 ημερών. Εάν παρέλθει διάστημα 30 ημερών χωρίς παραλαβή, το προϊόν θα οδηγείται προς καταστροφή.</p>
                <p>Για τυχόν προβλήματα της συσκευής που δεν αναφέρθηκαν αρχικά, το κατάστημα δεν φέρει ευθύνη για την επισκευή. Υποχρεούται μόνο να ενημερώσει τον πελάτη και να ζητήσει έγκριση για οποιαδήποτε επιπλέον επισκευή.</p>
                <p>Η εγγύηση καλύπτει μόνο την επισκευή της συγκεκριμένης βλάβης, εφόσον αυτή δεν οφείλεται σε κακή χρήση από τον πελάτη, και ισχύει για τρεις μήνες από την ημέρα παραλαβής.</p>
            </div>
        </div>";

        // Initialize Dompdf
        $options = new Options();
        $options->set('isRemoteEnabled', true); // Enable remote content for loading images
        $dompdf = new Dompdf($options);
        $dompdf->loadHtml($html);

        // Set paper size and orientation
        $dompdf->setPaper('A4', 'portrait');

        // Render the HTML as PDF
        $dompdf->render();

        // Output the generated PDF to Browser
        $dompdf->stream("service_report_$service_id.pdf", array("Attachment" => false));
    } else {
        echo "Service not found.";
    }
} else {
    echo "No service ID provided.";
}
?>