@extends('layouts.app')

@section('content')

<div class="container">
    <h1 class="my-4 text-center">Form Data Details</h1>

    <!-- Back to List Button -->
    <div class="mb-3">
        <a href="{{ route('formdata.index') }}" class="btn btn-primary">Back to Form Data List</a>
    </div>

    <div class="row">
        <div class="col-md-8 offset-md-2">
            <div class="card">
                <div class="card-header">
                    <h5>Details of Form Submission</h5>
                </div>
                <div class="card-body">
                    <!-- Form Data Fields -->
                    <table class="table table-bordered">
                        <tr>
                            <th>Name</th>
                            <td>{{ $formData->name }}</td>
                        </tr>
                        <tr>
                            <th>Email</th>
                            <td>{{ $formData->email }}</td>
                        </tr>
                        <tr>
                            <th>Mobile Number</th>
                            <td>{{ $formData->mobile_number }}</td>
                        </tr>
                        <tr>
                            <th>Device</th>
                            <td>{{ $formData->device }}</td>
                        </tr>
                        <tr>
                            <th>Model</th>
                            <td>{{ $formData->model }}</td>
                        </tr>
                        <tr>
                            <th>Description</th>
                            <td>{{ $formData->description }}</td>
                        </tr>
                        <tr>
                            <th>Status</th>
                            <td>{{ ucfirst($formData->status) }}</td>
                        </tr>
                    </table>

                </div>
            </div>
        </div>
    </div>
</div>

@endsection