@extends('web.layout')


@section('content')
    <main id="content" class="site-main">
        <!-- Inner Banner html start-->
        <section class="confirm-inner-page">
            <!-- ***Inner Banner html start form here*** -->
            <div class="inner-banner-wrap">
                <div class="inner-baner-container" style="background-image: url({{ url("landing/assets/images/img7.jpg") }});">
                    <div class="container">
                        <div class="inner-banner-content">
                            <h1 class="page-title">Booking</h1>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ***Inner Banner html end here*** -->
            <div class="confirmation-outer">
                <div class="container">
                    <div class="success-notify">
                        <div class="success-icon">
                            <i class="fas fa-check"></i>
                        </div>
                        <div class="success-content">
                            <h3>UPLOAD BUKTI BAYAR BERHASIL</h3>
                            <p>Silahkan menuggu pembayaran untuk di konfirmasi oleh admin </p>
                        </div>
                    </div>
                    <div class="confirmation-inner">
                        <div class="row">
                            <div class="col-lg-8 right-sidebar">
                                <div class="confirmation-details">
                                    <h3>BOOKING DETAILS</h3>
                                    <table>
                                        <tbody>
                                        <tr>
                                            <td>
                                                <strong>Kode Booking :</strong>
                                            </td>
                                            <td class="text-right">
                                                {{ $data->kode_booking }}
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <strong>tanggal berangkat :</strong>
                                            </td>
                                            <td class="text-right">
                                                {{ $data->tanggal }}
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <strong>Ketua Rombongan :</strong>
                                            </td>
                                            <td class="text-right">
                                                {{ $data->nama }}
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <strong>Jumlah WNI :</strong>
                                            </td>
                                            <td class="text-right">
                                                {{ $data->wni }} orang
                                            </td>
                                        </tr>
                                        <tr class="total">
                                            <td>
                                                <strong>jumlah WNA</strong>
                                            </td>
                                            <td class="text-right">
                                                {{ $data->wna }} orang
                                            </td>
                                        </tr>

                                        <tr>
                                            <td>
                                                <strong>No. telp :</strong>
                                            </td>
                                            <td class="text-right">
                                                {{ $data->whatsapp }}
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <strong>email :</strong>
                                            </td>
                                            <td class="text-right">
                                                {{ $data->email }}
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <strong>Total Bayar</strong>
                                            </td>
                                            <td class="text-right">
                                                <b>Rp. {{ number_format($data->total_bayar, 0, ',', '.') }}</b>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <strong>Status</strong>
                                            </td>
                                            <td class="text-right">
                                                <b>{{ ucwords($data->status) }}</b>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
{{--                                    <div class="details payment-details">--}}
{{--                                        <h3>PAYMENT</h3>--}}
{{--                                        <div class="details-desc">--}}
{{--                                            <p>Payment is successful via <b>BNI</b> </p>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                    <div class="details">--}}
{{--                                        <h3>VIEW BOOKING DETAILS</h3>--}}
{{--                                        <div class="details-desc">--}}
{{--                                            <a href="{{ route('web.generate.pdf',$data->kode_booking) }}" class="round-btn" style="color: white">Download Bukti booking</a>--}}
{{--                                            <br>--}}
{{--                                            <br>--}}
{{--                                            <br>--}}
{{--                                            <div>--}}
{{--                                                <a target="_blank" href="{{ route('web.generate.eticket',$data->kode_booking) }}" class="round-btn" style="color: white;background-color: brown">Download eticket</a>--}}
{{--                                                <button type="submit" class="round-btn" style="background-color: brown;">download--}}
{{--                                                    eticket</button>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}

                                </div>
                            </div>
                            <div class="col-lg-4">

                                <div class="widget-bg widget-support-wrap">
                                    <div class="icon">
                                        <i class="fas fa-phone-volume"></i>
                                    </div>
                                    <div class="support-content">
                                        <h5>HELP AND SUPPORT</h5>
                                        <a href="telto:12345678" class="phone">+55 123 987 00</a>
                                        <small>Monday to Friday 9.00am - 7.30pm</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
@endsection