@extends('siswa.master')
@section('title', 'Pilih Jurusan')
@section('content')
    <div class="main-container">
        <div class="pd-ltr-20 xs-pd-20-10">
            <div class="min-height-200px">
                <div class="page-header">
                    <div class="title">
                        <h4>Pilih Jurusan</h4>
                    </div>
                    <nav aria-label="breadcrumb" role="navigation">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item active" aria-current="page">
                                Pilih Jurusan
                            </li>
                        </ol>
                    </nav>
                </div>
                <div class="card">
                    <div class="card-header">
                        Klik <b>Pilih Jurusan</b> Untuk Memilih Jurusan
                    </div>
                    <div class="card-body">
                        <div class="overflow-auto">
                            <table class="data-table table table-bordered table-striped nowrap">
                                <thead>
                                    <tr>
                                        <th class="table-plus datatable-nosort" width="10px">No</th>
                                        <th>Nama Jurusan</th>
                                        <th>Status</th>
                                        <th width="30">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <br><br><br>

    <script>
        $('.data-table').on('click', '.update[data-id]', function(e) {
            e.preventDefault();
            swal({
                    title: "Pilih Jurusan ?",
                    text: "Anda akan memilih jurusan ini",
                    icon: "warning",
                    buttons: true,
                    dangerMode: true,
                })
                .then((willDelete) => {
                    if (willDelete) {
                        $.ajax({
                            data: {
                                'jurusan_id': $(this).data('id'),
                                '_token': "{{ csrf_token() }}"
                            },
                            type: 'POST',
                            url: "{{ url('siswa/pilih-jurusan') }}",
                            success: function(data) {
                                swal(data.message)
                                    .then((result) => {
                                        location.reload();
                                    });
                            },
                            error: function(err) {
                                alert(err);
                                console.log(err);
                            }
                        });
                    }
                });
        });
    </script>

    <script>
        $('.data-table').DataTable({
            responsive: false,
            processing: true,
            serverSide: true,
            ajax: "{{ url('siswa/pilih-jurusan/getall') }}",
            columns: [{
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex'
                },
                {
                    data: 'nama_jurusan',
                    name: 'nama_jurusan'
                },
                {
                    data: 'status',
                    name: 'status'
                },
                {
                    data: 'action',
                    name: 'action'
                }
            ],
        });
    </script>
@endsection