@extends('layouts.layouts')

@section('content')
    <main class="app-main"> <!--begin::App Content Header-->
        <div class="app-content-header"> <!--begin::Container-->
            <div class="container-fluid"> <!--begin::Row-->
                <div class="row">
                    <div class="col-sm-6">
                        <h3 class="mb-0">Data mahasiswa</h3>
                    </div>

                </div> <!--end::Row-->
            </div> <!--end::Container-->
        </div> <!--end::App Content Header--> <!--begin::App Content-->
        <div class="app-content"> <!--begin::Container-->
            <div class="container-fluid"> <!--
            begin::Row-->
                <div class="row"> <!-- Start col -->
                    <div class="col-md-8"> <!--begin::Row-->
                        <div class="card">
                            <div class="card-header">
                                <h3 class="card-title">Data Program Studi</h3>
                                <div class="card-tools"> <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"> <i data-lte-icon="expand" class="bi bi-plus-lg"></i> <i data-lte-icon="collapse" class="bi bi-dash-lg"></i> </button> <button type="button" class="btn btn-tool" data-lte-toggle="card-remove"> <i class="bi bi-x-lg"></i> </button> </div>
                            </div> <!-- /.card-header -->
                            <div class="card-body p-0">
                                <div class="table-responsive">
                                    <table class="table m-0">
                                        <thead>
                                        <tr>
                                            <th rowspan="2" style="width: 10px"></th>
                                            <th rowspan="2">Nama Program Studi</th>

                                            <th rowspan="2">Jumlah mahasiswa</th>
                                            <th colspan="2">Ganjil</th>
                                            <th colspan="2">Genap</th>
                                        </tr>
                                        <tr>
                                            <th>Lulus</th>
                                            <th>Tidak Lulus</th>
                                            <th>Lulus</th>
                                            <th>Tidak Lulus</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($results as $key => $item)
                                            <tr class="align-middle">

                                                <td>{{ $key + 1 }}</td>
                                                <td>
                                                    {{$item->program_studi}}
                                                </td>

                                                <td>
                                                    {{$item->total}}
                                                </td>
                                                <td>
                                                    {{$item->ganjil_lulus}}
                                                </td>
                                                <td>
                                                    {{$item->ganjil_tidak_lulus}}
                                                </td>
                                                <td>
                                                    {{$item->genap_lulus}}
                                                </td>
                                                <td>
                                                    {{$item->genap_tidak_lulus}}
                                                </td>

                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div> <!-- /.table-responsive -->
                            </div> <!-- /.card-body -->
{{--                            <div class="card-footer clearfix"> <a href="{{ route('proses.export') }}" class="btn btn-sm btn-primary float-start">--}}
{{--                                    Download Excel--}}
{{--                                </a>--}}
{{--                            </div> <!-- /.card-footer -->--}}
                        </div> <!-- /.card -->
                    </div> <!-- /.col -->
                    <div class="col-md-4"> <!--begin::Quick Example-->
                        <div class="card card-primary card-outline mb-4"> <!--begin::Header-->
                            <div class="card-header">
                                <div class="card-title">Analisa</div>
                            </div> <!--end::Header--> <!--begin::Form-->
                            <form action="{{ route('save.analisa') }}" method="POST" > <!--begin::Body-->
                                @csrf
                                <div class="card-body">
                                    <div class="mb-3">
                                        <label for="exampleInputPassword1" class="form-label">Analisa</label>
                                        <textarea id="summernote" class="form-control summernote" name="analisa" rows="10" >{{ $data->analisa }}</textarea>
                                    </div>

                                </div> <!--end::Body--> <!--begin::Footer-->
                                <div class="card-footer"> <button type="submit" class="btn btn-primary">Submit</button> </div> <!--end::Footer-->
                            </form> <!--end::Form-->
                        </div> <!--end::Quick Example--> <!--begin::Input Group-->
                    </div> <!--end::Col--> <!--begin::Col-->
                </div>
            </div> <!--end::Container-->
        </div> <!--end::App Content-->
    </main> <!--end::App Main--> <!--begin::Footer-->
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.min.js" integrity="sha256-+vh8GkaU7C9/wbSLIcwq82tQ2wTf44aOHA8HlBMwRI8=" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/summernote@0.9.0/dist/summernote.min.js"></script>

    <script>
        $(document).ready(function() {
            $('#summernote').summernote();
        });
    </script>

@endsection