<?php include('layout/header.php')?>

<div class="container py-5">
    <!-- Page Header -->
    <div class="text-center mb-5">
        <h1 class="mb-3 text-dark">PMDC MOTORS / GEARED MOTORS</h1>
        <h2 class="text-primary">D90 Series PMDC Motors</h2>
        <hr class="w-25 mx-auto" style="height: 2px; background: linear-gradient(90deg, transparent, #0d6efd, transparent); border: none;">
    </div>

    <!-- Range Section -->
   <div class="card mb-4 border shadow-sm">
    <div class="card-header btn btn-primary text-white">
        <h4 class="mb-0">Range</h4>
    </div>
    <div class="card-body bg-white">
        <ul class="list-group list-group-flush">
            <li class="list-group-item d-flex justify-content-between align-items-center bg-light">
                <strong class="text-dark">Power</strong>
                <span class="badge bg-primary px-3 py-2">100 WATTS TO 150 WATTS</span>
            </li>
            <li class="list-group-item d-flex justify-content-between align-items-center bg-light">
                <strong class="text-dark">Speeds</strong>
                <span class="badge bg-primary px-3 py-2">1500 RPM TO 3000 RPM</span>
            </li>
            <li class="list-group-item d-flex justify-content-between align-items-center bg-light">
                <strong class="text-dark">WORM GEARED</strong>
                <span class="badge bg-primary px-3 py-2">30 RPM TO 300 RPM</span>
            </li>
            <li class="list-group-item d-flex justify-content-between align-items-center bg-light">
                <strong class="text-dark">INLINE GEARED</strong>
                <span class="badge bg-primary px-3 py-2">10 RPM TO 300 RPM</span>
            </li>
            <li class="list-group-item d-flex justify-content-between align-items-center bg-light">
                <strong class="text-dark">Voltage</strong>
                <span class="badge bg-primary px-3 py-2">12 / 24 / 48 / 90 / 110 / 180 VDC</span>
            </li>
        </ul>
    </div>
</div>


    <!-- Images Section -->
  <div class="card mb-4 border shadow-sm">
    <div class="card-header btn btn-primary text-white">
        <h4 class="mb-0">Images</h4>
    </div>
    <div class="card-body bg-white">
        <div class="row">
            <div class="col-md-4 mb-4">
                <div class="text-center">
                    <div class="border p-4 mb-3 bg-white rounded shadow-sm">
                        <h5 class="text-primary mb-3">P1</h5>
                        <div class="image-container mb-3">
                            <img src="images/pmdc7.jpg" alt="P1 Motor" class="img-fluid rounded" style="max-height: 150px;">
                        </div>
                        
                    </div>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="text-center">
                    <div class="border p-4 mb-3 bg-white rounded shadow-sm">
                        <h5 class="text-primary mb-3">P2</h5>
                        <div class="image-container mb-3">
                            <img src="images/pmdc8.jpg" alt="P2 Geared Motor" class="img-fluid rounded" style="max-height: 150px;">
                        </div>
                        
                    </div>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="text-center">
                    <div class="border p-4 mb-3 bg-white rounded shadow-sm">
                        <h5 class="text-primary mb-3">P3</h5>
                        <div class="image-container mb-3">
                            <img src="images/pmdc9.jpg" alt="P3 Geared Motor" class="img-fluid rounded" style="max-height: 150px;">
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

    <!-- Specifications -->
   <div class="card mb-4 border shadow-sm">
    <div class="card-header btn btn-primary text-white">
        <h4 class="mb-0"><i class="fas fa-file-pdf me-2"></i>Download Specifications</h4>
    </div>
    <div class="card-body bg-white text-center">
        <div class="pdf-download-box p-5 border rounded bg-light">
            <div class="mb-4">
                <i class="fas fa-file-pdf fa-5x text-danger"></i>
            </div>
            
            <h5 class="mb-3 text-dark">D90 Series - Complete Specifications</h5>
            <p class="text-muted mb-4">Download the complete technical datasheet including all specifications, dimensions, and performance data.</p>
            
            <!-- दो PDFs के लिए दो बटन -->
            <div class="row">
                <div class="col-md-6 mb-3">
                    <div class="border p-4 rounded bg-white">
                        <h6 class="mb-2">P2.pdf</h6>
                        <a href="download.php?file=P2.pdf" class="btn btn-primary btn-sm w-100">
                            <i class="fas fa-download me-1"></i>Download P2
                        </a>
                      
                    </div>
                </div>
                <div class="col-md-6 mb-3">
                    <div class="border p-4 rounded bg-white">
                        <h6 class="mb-2">P2A.pdf</h6>
                        <a href="download.php?file=P2A.pdf" class="btn btn-primary btn-sm w-100">
                            <i class="fas fa-download me-1"></i>Download P2A
                        </a>
                      
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>

<style>
    /* Simple clean styles that won't conflict with navbar dropdown */
    body {
        background-color: #f8f9fa;
        min-height: 100vh;
    }
    
    .container {
        position: relative;
        z-index: 1;
    }
    
    .card {
        border-radius: 8px;
        overflow: hidden;
    }
    
    .card-header {
        padding: 1rem 1.5rem;
    }
    
    .card-body {
        padding: 1.5rem;
    }
    
    .list-group-item {
        padding: 1rem 1.5rem;
        border-color: #e9ecef;
    }
    
    .badge {
        font-size: 0.85rem;
        font-weight: 500;
        letter-spacing: 0.5px;
    }
    
    .image-container {
        min-height: 200px;
        border: 1px dashed #dee2e6;
    }
    
    .pdf-download-box {
        max-width: 600px;
        margin: 0 auto;
    }
    
    /* Ensure navbar dropdown appears above content */
    .navbar {
        position: relative;
        z-index: 1000;
    }
    
    .dropdown-menu {
        z-index: 1001;
    }
</style>



<?php include('layout/footer.php')?>