@extends('layouts.app')

@section('content')
    <div class="content-wrapper">
        <div class="row">
            <div class="col-md-8 offset-md-2">
                <div class="card">
                    <div class="card-header">Manajemen Tanda Tangan Elektronik</div>
                    <div class="card-body">
                        @if (session('success'))
                            <div class="alert alert-success">
                                {{ session('success') }}
                            </div>
                        @endif

                        @if ($tte)
                            <h5 class="card-title">Tanda Tangan Saat Ini</h5>
                            <div class="text-center mb-4">
                                <p><strong>QR Code:</strong></p>
                                <img src="{{ Storage::url($tte->qr_code_image) }}" alt="QR Code" class="img-fluid"
                                    style="max-height: 150px;">
                            </div>
                            <p><strong>NIP Inspektur:</strong> {{ $tte->nip_inspektur }}</p>
                            <p><strong>Nama Inspektur:</strong> {{ $tte->nama_inspektur }}</p>
                            <p><strong>Private Key:</strong> <a href="{{ Storage::url($tte->private_key) }}"
                                    target="_blank">Lihat Private Key</a></p>
                            <p><strong>Sertifikat:</strong> <a href="{{ Storage::url($tte->sertifikat) }}"
                                    target="_blank">Lihat Sertifikat</a></p>

                            <form action="{{ route('master.tte.destroy', $tte->id) }}" method="POST"
                                onsubmit="return confirm('Apakah Anda yakin ingin menghapus TTE ini?');">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger">Hapus TTE</button>
                            </form>
                            <hr>
                        @endif

                        <h5 class="card-title">{{ $tte ? 'Unggah TTE Baru' : 'Unggah TTE' }}</h5>
                        {{-- Atribut "enctype" sangat penting agar file dapat diunggah --}}
                        <form action="{{ route('master.tte.store') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="mb-3">
                                <label for="nip_inspektur" class="form-label">NIP Inspektur</label>
                                <input type="text" class="form-control @error('nip_inspektur') is-invalid @enderror"
                                    id="nip_inspektur" name="nip_inspektur"
                                    value="{{ old('nip_inspektur', $tte->nip_inspektur ?? '') }}" required>
                                @error('nip_inspektur')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="nama_inspektur" class="form-label">Nama Inspektur</label>
                                <input type="text" class="form-control @error('nama_inspektur') is-invalid @enderror"
                                    id="nama_inspektur" name="nama_inspektur" value="{{ old('nama_inspektur', $tte->nama_inspektur ?? '') }}">
                                @error('nama_inspektur')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="private_key" class="form-label">Private Key (File: .key, .pem, .txt)</label>
                                <input type="file" class="form-control @error('private_key') is-invalid @enderror"
                                    id="private_key" name="private_key">
                                @error('private_key')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="sertifikat" class="form-label">Sertifikat (File: .crt, .pem, .txt)</label>
                                <input type="file" class="form-control @error('sertifikat') is-invalid @enderror"
                                    id="sertifikat" name="sertifikat">
                                @error('sertifikat')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="qr_code_image" class="form-label">Gambar QR Code (PNG)</label>
                                <input type="file" class="form-control @error('qr_code_image') is-invalid @enderror"
                                    id="qr_code_image" name="qr_code_image">
                                @error('qr_code_image')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <button type="submit" class="btn btn-primary">Simpan TTE</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection