@extends('layout.layout')
@php
    $title='Permohonan Arahan Dokumen Persetujuan Teknis';
    $subTitle = 'Permohonan Arahan Dokumen Persetujuan Teknis';
    $script = '<script>
                    let table = new DataTable("#dataTable");
               </script>';
@endphp

@section('content')

            <div class="card basic-data-table">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="card-title mb-0">
                    </h5>
                    <a href="{{ route('pertek.create_arahan') }}">
                    <button type="button" class="btn btn-primary-600 radius-8 px-20 py-11">Buat Permohonan</button>
                    </a>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table bordered-table mb-0" id="dataTable" data-page-length='10'>
                            <thead>
                                <tr>
                                    <th scope="col">
                                        <div class="form-check style-check d-flex align-items-center">
                                            <label class="form-check-label">
                                                No
                                            </label>
                                        </div>
                                    </th>
                                    <th scope="col">Nomor Permohonan</th>
                                    <th scope="col">Perusahaan</th>
                                    <th scope="col">Nama Kegiatan</th>
                                    <th scope="col">Tipe Perizinan</th>
                                    <th scope="col">Pemohon</th>
                                    <th scope="col">Tanggal</th>
                                    <th scope="col">Status</th>
                                    <th scope="col">Dok</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <div class="form-check style-check d-flex align-items-center">
                                            <label class="form-check-label">
                                                01
                                            </label>
                                        </div>
                                    </td>
                                    <td>
                                        <a href="{{ route('pertek.verifikator_arahan') }}" class="text-primary-600">(Subkel Kerusakan Lingkungan)</a>
                                        <a href="{{ route('pertek.user_arahan') }}" class="text-primary-600 bg-amber-300 rounded-2xl">(User)</a>
                                    </td>
                                    <td>
                                        <div class="d-flex align-items-center">
                                            {{-- <img src="{{ asset('assets/images/user-list/user-list1.png') }}" alt="" class="flex-shrink-0 me-12 radius-8"> --}}
                                            <h6 class="text-md mb-0 fw-medium flex-grow-1">PT. Permata Hijau</h6>
                                        </div>
                                    </td>
                                    <td>Pembangungan Gedung Baru</td>
                                    <td>UKL-UPL</td>
                                    <td>Charles Hasibuan</td>
                                    <td>21 Maret 2025</td>
                                    <td> <span class="bg-success-focus text-success-main px-24 py-4 rounded-pill fw-medium text-sm">Proses Review Teknis</span> </td>
                                    <td>
                                        <a href="#" class="btn btn-sm btn-light-primary text-success" title="Download Dokumen" download>
                                            <iconify-icon icon="material-symbols:description" class="text-xl"></iconify-icon>
                                        </a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
@endsection