@extends('layouts.main')

@section('title')
    Feedback Details
@endsection

@section('content')
    <div class="card m-3">

        <section>
            <h2 class="m-3 mb-4">Feedback Detail</h2>
            <form>
                @csrf

                <div class="row m-2">
                    <div class="col-sm-12 col-md-6 col-lg-4 form-group">
                        <label for="full_name">Full Name</label>
                        <input type="text" class="form-control" id="full_name" value="{{ $feedback->full_name }}" readonly>
                    </div>

                    <div class="col-sm-12 col-md-6 col-lg-4 form-group">
                        <label for="contact">Contact</label>
                        <input type="text" class="form-control" id="contact" value="{{ $feedback->contact }}" readonly>
                    </div>

                    <div class="col-sm-12 col-md-6 col-lg-4 form-group">
                        <label for="email">Email</label>
                        <input type="email" class="form-control" id="email" value="{{ $feedback->email }}" readonly>
                    </div>

                    <div class="col-sm-12 col-md-6 col-lg-4 form-group">
                        <label for="account_number">Account Number</label>
                        <input type="text" class="form-control" id="account_number"
                            value="{{ $feedback->account_number }}" readonly>
                    </div>

                    <div class="col-sm-12 col-md-6 col-lg-4 form-group">
                        <label for="branch">Branch</label>
                        <input type="text" class="form-control" id="branch"
                            value="{{ $feedback->branch->name ?? 'N/A' }}" readonly>
                    </div>

                    <div class="col-sm-12 col-md-6 col-lg-4 form-group">
                        <label for="product">Product</label>
                        <input type="text" class="form-control" id="product"
                            value="{{ $feedback->product->name ?? 'N/A' }}" readonly>
                    </div>

                    <div class="col-sm-12 col-md-6 col-lg-4 form-group">
                        <label for="is_scanned">Scanned</label>
                        <input type="text" class="form-control" id="is_scanned"
                            value="{{ $feedback->is_scanned ? 'Yes' : 'No' }}" readonly>
                    </div>

                    <div class="col-sm-12 col-md-6 col-lg-4 form-group">
                        <label for="is_shortlisted">Shortlisted</label>
                        <input type="text" class="form-control" id="is_shortlisted"
                            value="{{ $feedback->is_shortlisted ? 'Yes' : 'No' }}" readonly>
                    </div>

                    <div class="col-sm-12 col-md-12 col-lg-12 form-group">
                        <label for="feedback_text">Feedback</label>
                        <textarea class="form-control" id="feedback_text" rows="10" readonly>{{ $feedback->feedback }}</textarea>
                    </div>
                </div>
            </form>
        </section>
    </div>
@endsection