@extends('layouts.master')

@push('styles')
    <style>
        .float {
            position: fixed !important;
            width: 60px !important;
            height: 60px !important;
            bottom: 40px !important;
            right: 40px !important;
            background-color: #25d366 !important;
            color: #FFF !important;
            border-radius: 50% !important;
            text-align: center !important;
            font-size: 30px !important;
            box-shadow: 2px 2px 3px #999 !important;
            z-index: 99999 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-decoration: none !important;
        }

        .my-float {
            margin: 0 !important;
        }

        .float:hover {
            background-color: #20ba5a !important;
            transform: scale(1.1) !important;
        }
    </style>
@endpush

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">Edit Isian KRK</div>

                    <div class="card-body">
                        <form method="POST" action="{{ route('isian_KRK.update', $isian_krk->id) }}">
                            @csrf
                            @method('PUT')

                            <div class="mb-3">
                                <label for="isian" class="form-label">Isian</label>
                                <textarea name="isian" class="form-control @error('isian') is-invalid @enderror" id="isian" name="isian"
                                    rows="3" required>{{ $isian_krk->isian }}</textarea>
                                @error('isian')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                @enderror
                                <label for="aktif" class="form-label">Aktif</label>
                                <select name="aktif" class="form-control @error('aktif') is-invalid @enderror"
                                    id="aktif" name="aktif" required>
                                    <option value="1" {{ $isian_krk->aktif == 1 ? 'selected' : '' }}>Ya</option>
                                    <option value="0" {{ $isian_krk->aktif == 0 ? 'selected' : '' }}>Tidak</option>
                                </select>
                                @error('aktif')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </div>

                            <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                                <a href="{{ route('isian_KRK.index') }}" class="btn btn-secondary me-md-2">Batal</a>
                                <button type="submit" class="btn btn-primary">Simpan</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <!-- Form yang sudah ada -->
        <form>
            <!-- Input fields yang sudah ada -->
        </form>
    </div>

    <!-- Tombol WhatsApp Mengambang -->
    <a href="https://wa.me/6281358721520" class="float" target="_blank">
        <i class="fab fa-whatsapp my-float"></i>
    </a>



    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
@endsection