@extends('layouts.app')

@section('content')

<section class="pcoded-main-container">

    <div class="page-wrapper">
        <!-- [ breadcrumb ] start -->
        <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="{{ route('home') }}"><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="#!">Semakan Permohonan</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- [ breadcrumb ] end -->

        <style>
            .table th {
                background-color:rgb(123, 204, 226); /* Light pastel green */
                border: 1px solid #dee2e6; /* Ensure border is visible */
                width: 30%;
            }
            .table td {
                border: 1px solid #dee2e6; /* Ensure border is visible */
            }
        </style>

        <!-- [ card serial no. start ] -->
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header">
                    <h5>Maklumat Permohonan Tender</h5>
                </div>
                <div class="card-body">
                    <div class="dt-responsive table-responsive">
                        <table class="table table-bordered">
                            <tr>
                                <th>ID Tender</th>
                                <td>{{ $permohonan->idtender }}</td>
                            </tr>
                            <tr>
                                <th>Tarikh Mohon</th>
                                <td>{{ $permohonan->trkhmohon }}</td>
                            </tr>
                            <tr>
                                <th>Nama Konsesi</th>
                                <td>{{ $permohonan->namakonsesi }}</td>
                            </tr>
                            <tr>
                                <th>Status</th>
                                <td>{{ $permohonan->statusMohon }}</td>
                            </tr>
                            <tr>
                                <th>Pengguna Daftar</th>
                                <td>{{ $permohonan->createdBy->name }}</td>
                            </tr>
                            <tr>
                                <th>Tarikh Daftar</th>
                                <td>{{ $permohonan->created_at }}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!-- [ card serial no. end ] -->
        <!-- [ Status Permohonan Section ] start -->
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header">
                    <h5>Status Permohonan</h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('permohonan.update', $permohonan->id) }}" method="POST">
                        @csrf
                        @method('PUT')
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="statusMohon">Status Permohonan</label>
                                    <div class="d-flex">
                                        <div class="form-check mr-3">
                                            <input class="form-check-input" type="radio" name="statusMohon" id="statusLulus" value="L" {{ $permohonan->statusMohon == 'L' ? 'checked' : '' }}>
                                            <label class="form-check-label" for="statusLulus">
                                                Lulus
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="statusMohon" id="statusTolak" value="R" {{ $permohonan->statusMohon == 'R' ? 'checked' : '' }}>
                                            <label class="form-check-label" for="statusTolak">
                                                Tolak
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="ulasanKelulusan">Ulasan Kelulusan</label>
                                    <textarea class="form-control" id="ulasanKelulusan" name="ulasanKelulusan">{{ $permohonan->ulasanKelulusan }}</textarea>
                                </div>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary">Update Status</button>
                    </form>
                </div>
            </div>
        </div>
        <!-- [ Status Permohonan Section ] end -->
    </div>
</section>
@endsection