@extends('layouts.app')

@section('content')
    <section class="pcoded-main-container">
        <div class="pcoded-content">
            <div class="main-body">
                <div class="page-wrapper">
                    <div class="page-header">
                        <div class="page-block">
                            <div class="row align-items-center">
                                <div class="col-md-12">
                                    <div class="page-header-title">
                                        <h5 class="m-b-10">KUM</h5>
                                    </div>
                                    <ul class="breadcrumb">
                                        <li class="breadcrumb-item"><a href="index.html"><i class="feather icon-home"></i></a></li>
                                        <li class="breadcrumb-item"><a href="{{ route('home') }}">Koridor Utiliti Melaka</a></li>
                                        <li class="breadcrumb-item"><a href="#!">{{ isset($tender) ? 'Edit Tender' : 'Add New Tender' }}</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header">
                            <h5>{{ isset($tender) ? 'Edit Tender' : 'Add New Tender' }}</h5>
                        </div>
                        <div class="card-body">
                            <form method="POST" action="{{ isset($tender) ? route('tender.update', $tender->id) : route('tender.store') }}">
                                @csrf
                                @if(isset($tender))
                                    @method('PUT')
                                @endif
                                <div class="form-group">
                                    <label for="kodtender">Kod Tender</label>
                                    <input type="text" class="form-control" id="kodtender" name="kodtender" value="{{ isset($tender) ? $tender->kodtender : '' }}" required>
                                </div>
                                <div class="form-group">
                                    <label for="penerangan">Penerangan</label>
                                    <textarea class="form-control" id="penerangan" name="penerangan" required>{{ isset($tender) ? $tender->penerangan : '' }}</textarea>
                                </div>
                                <button type="submit" class="btn btn-primary">{{ isset($tender) ? 'Update' : 'Submit' }}</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        function toggleInput() {
            // document.getElementById('toggleInput').addEventListener('click', function() {
            const type1 = document.querySelector('input[name="type"][value="1"]');
            const dropdown = document.getElementById('dropdown');
            const textbox = document.getElementById('textbox');

            // alert(type1);
            if (type1.checked) {
                dropdown.style.display = 'block';
                textbox.style.display = 'none';
            } else {
                dropdown.style.display = 'none';
                textbox.style.display = 'block';
            }
        }
    </script>
@endsection