@extends('layouts.main')
@section('content')
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <div class="row">
                <div class="col-6">
                    <h5 class="m-0 font-weight-bold text-primary mt-2">Detail Peti</h5>
                </div>
            </div>
        </div>
        <div class="card-body">
            <div class="form-group">
                <label for="tipe_peti_id" class="col-form-label">Tipe Peti:</label>
                <input class="form-control" value="{{ $peti->tipe_peti->type }}" readonly>

                <label for="warna" class="col-form-label">Warna Peti:</label>
                <input class="form-control" value="{{ $peti->warna }}" readonly>

                <label for="customer_id" class="col-form-label">Customer:</label>
                <input class="form-control" value="{{ $peti->customer->name }}" readonly>

                <label for="warehouse_id" class="col-form-label">Warehouse:</label>
                <input class="form-control" value="{{ $peti->warehouse->name }}" readonly>

                <label for="kondisipeti_id" class="col-form-label">Kondisi Peti:</label>
                <input class="form-control" value="{{ $peti->kondisipeti->nama_kondisi }}" readonly>

                <label for="jumlah" class="col-form-label">Jumlah Peti:</label>
                <input class="form-control" value="{{ $peti->jumlah }}" readonly>

                <label for="date_pembuatan" class="col-form-label">Tanggal Pembuatan Peti:</label>
                <input class="form-control" value="{{ \Carbon\Carbon::parse($peti->date_pembuatan)->format('d/m/Y') }}"
                    readonly>

                <div class="col-md-3">
                    <label for="fix_lot" class="col-form-label d-flex justify-content-center align-items-center">QR
                        Code:</label>
                    <div class="d-flex justify-content-center align-items-center mb-2">
                        {!! QrCode::size(150)->generate($peti->fix_lot . ';' . $peti->id . ';' . $peti->warehouse->id) !!}
                    </div>
                    <div class="d-flex justify-content-center mt-2 mb-3">
                        <a href="{{ route('dashboard.peticetakpdf.cetakpdf', $peti->id) }}" class="btn btn-info"
                            target="_blank">Cetak Label</a>
                    </div>
                </div>
                <div class="modal-footer d-flex justify-content-center">
                    <a href="{{ route('dashboard.peti.index') }}" class="btn btn-secondary">Kembali</a>
                </div>
            </div>
        </div>
    </div>

    <script>
        function bukaPdfDiTabBaru() {
            window.open("{{ route('dashboard.peticetakpdf.cetakpdf', $peti->id) }}", "_blank");
        }
    </script>
@endsection