{{-- @extends('user.layout.main')
@section('content')
    <div class="main-content">
        <section class="section"> --}}
{{-- <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h2>Detail Contact</h2>
                    </div>
                    <div class="card-body p-0">
                        <div class="container">
                            @foreach ($detail_contact as $detail)
                            <p><strong>Name:</strong> {{ $detail_contact->inputNama }}</p>
                            <p><strong>No HP:</strong> {{ $detail_contact->inputNoHP }}</p>
                            <p><strong>Email:</strong> {{ $detail_contact->inputEmail }}</p>
                            <p><strong>Alamat:</strong> {{ $detail_contact->inputAlamat }}</p>
                            
                            @endforeach
                        </div>
                    </div>
                </div>
            </div> --}}
{{-- </section>
    </div>
@endsection --}}

<div class="modal fade" id="modaldetail" tabindex="-1" role="dialog" aria-labelledby="modalcontact" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title mx-auto" style="margin-right: auto; margin-left: auto; font-size: 1.2em;" id="modalcontact">Detail
                    Contact
                </h4>
            </div>
            <div class="modal-body">
                <div class="card-body">
                    <div class="alert alert-primary" role="alert">
                        <div class="form-group">
                            <label for="inputNama" style="color: white; font-size: 1.1em;">Nama</label>
                            <p class="form-control-static" id="inputNama">Nurul Prima</p>
                        </div>

                        <div class="form-group">
                            <label for="inputNoHP" style="color: white; font-size: 1.1em;">No HP</label>
                            <p class="form-control-static" id="inputNoHP">+6282284964524</p>
                        </div>

                        <div class="form-group">
                            <label for="inputEmail" style="color: white; font-size: 1.1em;">Email</label>
                            <p class="form-control-static" id="inputEmail">npannisa@gmail.com</p>
                        </div>

                        <div class="form-group">
                            <label for="inputAlamat" style="color: white; font-size: 1.1em;">Alamat</label>
                            <p class="form-control-static" id="inputAlamat">Depok City</p>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>