@extends('user.template-user')
@section('title', 'Home')
@section('head')

@endsection
@section('content')
    <div class="app-main__inner">
        <div class="app-page-title">
            <div class="container fiori-container">
                <div class="page-title-wrapper">
                    <div class="page-title-heading">
                        <div>
                            <div class="page-title-head center-elem">
                                <span class="d-inline-block pr-2">
                                    <i class=""></i>
                                </span>
                                <span class="d-inline-block">{{ $title }}</span>
                            </div>
                            <div class="page-title-subheading opacity-10">
                                <nav class="ml-2" aria-label="breadcrumb">
                                    <ol class="breadcrumb">
                                        <li class="breadcrumb-item" aria-current="page"><a href="{{ route('user.home') }}">
                                                Dashboard </a></li>
                                        <li class="breadcrumb-item" aria-current="page"><a
                                                href="{{ route('user.surat.tugas.show', ['id' => $area->id]) }}"> Surat
                                                Tugas
                                            </a></li>
                                        <li class="breadcrumb-item" aria-current="page"><a
                                                href="{{ route('user.surat.tugas.area', ['area_id' => $area->id]) }}">
                                                {{ $area->nama_pemdes }} </a></li>
                                        <li class="active breadcrumb-item" aria-current="page"> {{ $title }} </li>
                                    </ol>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="page-title-actions">
                    </div>
                </div>
            </div>


        </div>

        <div class="container fiori-container mt-4 mb-4">
            <div class="row">
                <div class="col-12">
                    <div class="mb-4">
                        <a href="{{ route('user.import.hasil.aspek') }}" class="btn btn-primary">Import Data</a>
                    </div>
                    <div class="table-responsive">
                        <form action="{{ route('user.uji.spi.store', ['area_id' => $area->id]) }}" method="post"> @csrf
                            <input type="hidden" name="menu" value="{{ $title }}">
                            <input type="hidden" name="unsur_id" value="{{ $unsur_id }}">
                            <table class="table">
                                <tr>
                                    <th>No</th>
                                    <th>Kode</th>
                                    <th>Pertanyaan</th>
                                    <th class="text-center">Jawab</th>
                                    <th class="text-center">Keterangan</th>
                                </tr>
                                @foreach ($ujis as $no => $uji)
                                    <tr>
                                        <td>{{ $no + 1 }}</td>
                                        <td>{{ $uji->kode }}</td>
                                        <td style="width: 40%">{{ $uji->sub_unsur }}</td>
                                        <td>
                                            <select name="jawab[{{ $uji->id }}]" id="" class="form-control">
                                                <option value="0"
                                                    {{ isset($spis[$uji->id]) ? ($spis[$uji->id]['jawab'] == 0 ? 'selected' : '') : '' }}>
                                                    Tidak</option>
                                                <option value="1"
                                                    {{ isset($spis[$uji->id]) ? ($spis[$uji->id]['jawab'] == 1 ? 'selected' : '') : '' }}>
                                                    Ya</option>
                                            </select>
                                        </td>
                                        <td><input type="text" name="keterangan[{{ $uji->id }}]"
                                                class="form-control" placeholder=""
                                                value="{{ isset($spis[$uji->id]) ? $spis[$uji->id]['keterangan'] : '' }}">
                                        </td>
                                    </tr>
                                @endforeach
                                <tr>
                                    <td colspan="5"><button type="submit"
                                            class="btn btn-success btn-block">Simpan</button></td>
                                </tr>
                                <tr>
                                    <td colspan="5">
                                        <div class="text-right">
                                            <a href="#!" class="btn btn-outline-success">Download Data</a>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </form>
                    </div>

                </div>
            </div>
        </div>


    </div>
@endsection

@section('script')
@endsection