@extends('admin.layouts.master')

@section('content')
    <div class="page-title-box">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col-sm-6">
                    <div class="page-title">
                        <h4>Pesanan Customer</h4>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid">

        <div class="page-content-wrapper">
            @php
                function rupiah($angka)
                {
                    $hasil_rupiah = 'Rp ' . number_format($angka, 2, ',', '.');
                    return $hasil_rupiah;
                }

                function tgl_indo($tanggal)
                {
                    $bulan = [
                        1 => 'Januari',
                        'Februari',
                        'Maret',
                        'April',
                        'Mei',
                        'Juni',
                        'Juli',
                        'Agustus',
                        'September',
                        'Oktober',
                        'November',
                        'Desember',
                    ];
                    $pecahkan = explode('-', $tanggal);

                    // variabel pecahkan 0 = tanggal
                    // variabel pecahkan 1 = bulan
                    // variabel pecahkan 2 = tahun

                    return $pecahkan[2] . ' ' . $bulan[(int) $pecahkan[1]] . ' ' . $pecahkan[0];
                }
            @endphp
            <div class="row">
                <div class="col-xl-12">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="header-title">Pesanan Lunas</h4>
                            @error('resi')
                                <div class="alert alert-danger mb-2" role="alert">
                                    {{ $message }}
                                </div>
                            @enderror
                            <ul class="nav nav-tabs nav-tabs-custom nav-justified" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active" data-bs-toggle="tab" href="#home1" role="tab">
                                        <span class="d-block d-sm-none"><i class="fas fa-home"></i></span>
                                        <span class="d-none d-sm-block">Konfirmasi Pembayaran</span>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-bs-toggle="tab" href="#profile1" role="tab">
                                        <span class="d-block d-sm-none"><i class="far fa-user"></i></span>
                                        <span class="d-none d-sm-block">Pesanan On-Going / Di Kemas</span>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-bs-toggle="tab" href="#messages1" role="tab">
                                        <span class="d-block d-sm-none"><i class="far fa-envelope"></i></span>
                                        <span class="d-none d-sm-block">Pesanan Dikirim Lunas</span>
                                    </a>
                                </li>
                            </ul>
                            <div class="tab-content p-3 text-muted">
                                <div class="tab-pane active" id="home1" role="tabpanel">
                                    <p class="mb-0">
                                    <div class="table-responsive">
                                        <table class="table table-centered datatable dt-responsive nowrap "
                                            style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                            <thead class="thead-light">
                                                <tr>
                                                    <th>Order ID</th>
                                                    <th>Nama Produk</th>
                                                    <th>Quantity</th>
                                                    <th>Status Pembayaran</th>
                                                    <th style="width: 120px;">Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($konfirmasi as $konfirmasi)
                                                    <tr>
                                                        <td><a href="javascript: void(0);"
                                                                class="text-dark fw-bold">#P00{{ $konfirmasi->id_pesanan }}</a>
                                                        </td>
                                                        <td>
                                                            {{ Str::title($konfirmasi->nama_produk) }}
                                                        </td>
                                                        <td style="text-align: center">
                                                            {{ $konfirmasi->quantity }} Pcs
                                                        </td>
                                                        <td style="text-align: center">
                                                            <div class="badge badge-soft-danger font-size-12">
                                                                Menunggu Konfirmasi</div><br>
                                                            <a href="" data-bs-toggle="modal"
                                                                data-bs-target="#myModal-{{ $konfirmasi->id_pesanan }}"><u>Bukti
                                                                    Pembayaran</u></a>
                                                        </td>
                                                        <td>
                                                            <a href="{{ route('pesananAdmin.konfirm_pesanan', $konfirmasi->id_pesanan) }}"
                                                                class="me-3 text-success"
                                                                onclick="return confirm('Apakah Yakin Pembayaran Telah Sesuai ?');"><i
                                                                    class="mdi mdi-check-bold font-size-18"></i> Setuju</a>
                                                            <a href="{{ route('pesananAdmin.tolak_pesanan', $konfirmasi->id_pesanan) }}"
                                                                class="text-danger"
                                                                onclick="return confirm('Apakah Yakin Menolak Pembayaran ?');"><i
                                                                    class="mdi mdi-clipboard-text-off font-size-18"></i>
                                                                Tolak</a>
                                                        </td>
                                                    </tr>
                                                    <div id="myModal-{{ $konfirmasi->id_pesanan }}" class="modal fade"
                                                        tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                                                        aria-hidden="true">
                                                        <div class="modal-dialog">
                                                            <div class="modal-content">
                                                                <div class="modal-body">
                                                                    <h5 class="header-title">Bukti Pembayaran
                                                                        #P00{{ $konfirmasi->id_pesanan }}</h5>
                                                                    <p class="card-title-desc">Bukti Pembayaran Produk</p>
                                                                    <dl class="row mb-0">
                                                                        <dt class="col-sm-4">Nama Produk</dt>
                                                                        <dd class="col-sm-8">
                                                                            {{ Str::title($konfirmasi->nama_produk) }}</dd>
                                                                        <dt class="col-sm-4">Total Pesanan</dt>
                                                                        <dd class="col-sm-8">{{ $konfirmasi->quantity }}
                                                                            Pcs
                                                                        </dd>
                                                                        <dt class="col-sm-4">Berat</dt>
                                                                        <dd class="col-sm-8">
                                                                            {{ $konfirmasi->quantity * 145 }} Gram</dd>
                                                                        <dt class="col-sm-4">Variasi </dt>
                                                                        <dd class="col-sm-8">{{ $konfirmasi->variasi }}
                                                                        </dd>
                                                                        <dt class="col-sm-4">Sablon</dt>
                                                                        <dd class="col-sm-8">{{ $konfirmasi->sablon }}</dd>
                                                                        <dt class="col-sm-4">Ongkir </dt>
                                                                        <dd class="col-sm-8">@php
                                                                            echo rupiah($konfirmasi->ongkir) . ' [ ' . $konfirmasi->nama_kota . ' ]';
                                                                        @endphp</dd>
                                                                        <dt class="col-sm-4">Total Tagihan </dt>
                                                                        <dd class="col-sm-8">@php
                                                                            echo rupiah($konfirmasi->total_bayar);
                                                                        @endphp</dd>
                                                                    </dl>
                                                                    <p class="card-title-desc">Bukti Pembayaran / <span
                                                                            class="text-danger">* Klik Foto Untuk
                                                                            Zoom</span></p>
                                                                    <img src='/bukti_bayar/{{ $konfirmasi->bukti_bayar }}'
                                                                        width='100' height='100' data-action="zoom" />
                                                                </div>
                                                            </div><!-- /.modal-content -->
                                                        </div><!-- /.modal-dialog -->
                                                    </div><!-- /.modal -->
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    </p>
                                </div>
                                <div class="tab-pane" id="profile1" role="tabpanel">
                                    <p class="mb-0">
                                    <div class="table-responsive">
                                        <table class="table table-centered datatable dt-responsive nowrap "
                                            style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                            <thead class="thead-light">
                                                <tr>
                                                    <th>Order ID</th>
                                                    <th>Nama Produk</th>
                                                    <th>Nama Pemesan</th>
                                                    <th>Request (Desain)</th>
                                                    <th>Cetak Orderan</th>
                                                    <th style="width: 120px;">Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($ongoing as $ongoing)
                                                    <tr>
                                                        <td><a href="javascript: void(0);"
                                                                class="text-dark fw-bold">#P00{{ $ongoing->id_pesanan }}</a>
                                                        </td>
                                                        <td>
                                                            {{ Str::title($ongoing->nama_produk) }}
                                                        </td>
                                                        <td style="text-align: center" class="text-dark fw-bold">
                                                            {{ Str::title($ongoing->nama) }}
                                                        </td>
                                                        <td style="text-align: center">
                                                            <a href="" data-bs-toggle="modal"
                                                                data-bs-target="#request-{{ $ongoing->id_pesanan }}"><u>
                                                                    Lihat Request (Desain) </u></a>
                                                        </td>
                                                        <td style="text-align: center">
                                                            <a href="{{ route('pesananAdmin.cetak_pesanan', $ongoing->id_pesanan) }}"
                                                                class="btn btn-secondary"><i
                                                                    class="mdi mdi-note-outline"></i> Cetak</a>
                                                        </td>
                                                        <td>
                                                            <a href="" class="me-3 text-success"
                                                                data-bs-toggle="modal"
                                                                data-bs-target="#resi-{{ $ongoing->id_pesanan }}"><i
                                                                    class="mdi mdi-truck-fast font-size-18"></i> Kirim
                                                                Produk</a>
                                                        </td>
                                                    </tr>
                                                    <div id="resi-{{ $ongoing->id_pesanan }}" class="modal fade"
                                                        tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                                                        aria-hidden="true">
                                                        <div class="modal-dialog">
                                                            <div class="modal-content">
                                                                <div class="modal-body">
                                                                    <form
                                                                        action="{{ route('pesananAdmin.store_resi', $ongoing->id_pesanan) }}"
                                                                        method="post">
                                                                        <label for="">ID Order :
                                                                            #P00{{ $ongoing->id_pesanan }}</label>
                                                                        @csrf
                                                                        @method('put')
                                                                        <input class="form-control mb-3" name="resi"
                                                                            type="text"
                                                                            placeholder="Nomor Resi Pengiriman JNE"
                                                                            id="example-text-input">
                                                                        <button type="submit"
                                                                            class="btn btn-primary w-100"
                                                                            onclick="return confirm('Apakah Nomor Resi Telah Benar ?');">Kirim
                                                                            Produk</button>
                                                                    </form>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div id="request-{{ $ongoing->id_pesanan }}" class="modal fade"
                                                        tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                                                        aria-hidden="true">
                                                        <div class="modal-dialog">
                                                            <div class="modal-content">
                                                                <div class="modal-body">
                                                                    @if (!empty($ongoing->desain))
                                                                        <a
                                                                            href="{{ route('pesananAdmin.download', $ongoing->id_pesanan) }}">
                                                                            Download Desain</a>
                                                                    @endif
                                                                    <br><br>
                                                                    <textarea name="" id="" cols="30" rows="10" disabled>
                                                                        {{ $ongoing->request_user }}
                                                                    </textarea>
                                                                </div>
                                                            </div><!-- /.modal-content -->
                                                        </div><!-- /.modal-dialog -->
                                                    </div>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    </p>
                                </div>
                                <div class="tab-pane" id="messages1" role="tabpanel">
                                    <p class="mb-0">
                                    <div class="table-responsive">
                                        <table class="table table-centered datatable dt-responsive nowrap "
                                            style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                            <thead class="thead-light">
                                                <tr>
                                                    <th>Order ID</th>
                                                    <th>Nama Produk [Quantity]</th>
                                                    <th>Tanggal Kirim</th>
                                                    <th>No Resi</th>
                                                    <th style="width: 120px;">Invoice</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($kirim as $kirim)
                                                    <tr>
                                                        <td><a href="javascript: void(0);"
                                                                class="text-dark fw-bold">#P00{{ $kirim->id_pesanan }}</a>
                                                        </td>
                                                        <td>
                                                            {{ Str::title($kirim->nama_produk) . ' [ Quantity : ' . $kirim->quantity . ' ] ' }}
                                                        </td>
                                                        <td style="text-align: center">
                                                            {{ $kirim->updated_at }}
                                                        </td>
                                                        <td style="text-align: center">
                                                            <i>{{ $kirim->no_resi }}</i>
                                                        </td>
                                                        <td style="text-align: center">
                                                            <a href="{{ route('pesananAdmin.cetak_pesanan', $kirim->id_pesanan) }}"
                                                                class="btn btn-secondary"><i
                                                                    class="mdi mdi-note-outline"></i> Cetak</a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    </p>
                                </div>
                            </div>

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

            
        </div>
    </div>
@endsection

@section('css')
    <style>
        .container {
            margin: 50px;
            max-width: 700px;
        }

        .container img {
            width: 100%;
        }

        .container .pull-left {
            width: 55%;
            float: left;
            margin: 20px 20px 20px -80px;
        }

        @media (min-width: 750px) {
            body {
                font-size: 16px;
                line-height: 1.6;
            }

            .container {
                margin: 100px auto;
            }
        }
    </style>
    <link rel="stylesheet" type="text/css" href="/js/zoom.css">
    <link href="/morvin/dist/assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet"
        type="text/css" />

    <!-- Responsive datatable examples -->
    <link href="/morvin/dist/assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" rel="stylesheet"
        type="text/css" />
@endsection

@section('js')
    <script>
        window.setTimeout(function() {
            $(".alert").fadeTo(500, 0).slideUp(500, function() {
                $(this).remove();
            });
        }, 2500);
    </script>
    <script src="/js/zoom.js"></script>
    <script src="/morvin/dist/assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="/morvin/dist/assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>

    <!-- Responsive examples -->
    <script src="/morvin/dist/assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
    <script src="/morvin/dist/assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>

    <script src="/morvin/dist/assets/js/pages/ecommerce-datatables.init.js"></script>
@endsection