@extends('admin.layouts.app')

@section('content')
<div class="card">
    <div class="card-header">
        <h3 class="card-title"><b>Certificate Requests</b></h3>
    </div>
    <div class="card-body">
        <table class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Company Name</th>
                    <th>Email</th>
                    <th>Telephone</th>
                    <th>Position</th>
                    <th>City</th>
                    <th>State</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach($data as $cert)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td>{{$cert->company_name}}</td>
                        <td>{{$cert->email}}</td>
                        <td>{{$cert->telephone}}</td>
                        <td>{{$cert->position}}</td>
                        <td>{{$cert->city}}</td>
                        <td>{{$cert->state}}</td>
                        <td> <a href="#" class="btn btn-sm btn-primary" data-bs-toggle="modal"
                                data-bs-target="#viewModal{{ $cert->id }}">
                                <i class="fas fa-eye"></i> View
                            </a></td>

                    </tr>
                @endforeach
                <!-- Add more rows as needed -->
            </tbody>
        </table>
        <!-- Modal -->
        <!-- Modal -->
        <div class="modal fade" id="viewModal{{ $cert->id }}" tabindex="-1"
            aria-labelledby="viewModalLabel{{ $cert->id }}" aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="viewModalLabel{{ $cert->id }}">Certificate Request Details</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <table style="width: 100%; border-collapse: collapse;">
                            <tr>
                                <th style="border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;">Field</th>
                                <th style="border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;">Value</th>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">Company Name</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">{{ $cert->company_name }}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">Factory Name</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">{{ $cert->factory_name }}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">Address Line 1</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">{{ $cert->address_line1 }}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">City</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">{{ $cert->city }}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">State</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">{{ $cert->state }}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">Zip Code</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">{{ $cert->zip_code }}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">Country</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">{{ $cert->country }}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">Website URL</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">{{ $cert->website_url }}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">Contact Name</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">{{ $cert->contact_name }}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">Position</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">{{ $cert->position }}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">Telephone</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">{{ $cert->telephone }}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">Email</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">{{ $cert->email }}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">Kosher Certification</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">
                                    {{ $cert->kosher_certification ? 'Yes' : 'No' }}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">Dairy Ingredients</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">{{ $cert->dairy_ingredients }}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">Meat Ingredients</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">{{ $cert->meat_ingredients }}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">Grape Ingredients</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">{{ $cert->grape_ingredients }}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">Fish Ingredients</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">{{ $cert->fish_ingredients }}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">Different Site</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">
                                    {{ $cert->different_site ? 'Yes' : 'No' }}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">Product Description</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">{{ $cert->product_description }}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">Certification Date</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">{{ $cert->certification_date }}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">Interest Reason</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">{{ $cert->interest_reason }}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">Hear About Us</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">{{ $cert->hear_about_us }}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">Newsletter</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">{{ $cert->newsletter ? 'Yes' : 'No' }}
                                </td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">Agree</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">{{ $cert->agree ? 'Yes' : 'No' }}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid #ddd; padding: 8px;">Status</td>
                                <td style="border: 1px solid #ddd; padding: 8px;">{{ $cert->status }}</td>
                            </tr>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
@endsection