@extends('backend.admin_backend.admin_dashboard')
@section('admin')

<div class="container-fluid">

<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0">MANAGE ASSIGNED STUDENT CLASS SUBJECT</h4>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="javascript: void(0);">Manage Assign Student</a></li>
                    <li class="breadcrumb-item active"> Class Subject</li>
                </ol>
            </div>

        </div>
    </div>
</div>
<!-- end page title -->


<div class="row">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-body">
        

                                        <h4 class="card-title">Manage Assign Student, Class & Subject Info</h4>

                                        @if(!$manageAssigns->isEmpty())

                                        <div class="d-flex justify-content-end mb-3">
                                             <form action="{{ route('delete.all.assign.student.class.subject') }}"
                                                   method="POST"
                                                   class="delete-all-form">
                                                 @csrf
                                                 @method('DELETE')

                                                 <button type="submit" class="btn btn-danger">
                                                     <i class="bi bi-trash3"></i> Delete All
                                                 </button>
                                             </form>
                                         </div>

                                         @endif
        
                                        <table id="datatable" class="table table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                            <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Students</th>
                                                <th>Class</th>
                                                <th>Subject</th>
                                                <th>Term</th>
                                                <th>Session</th>
                                                <th>Actions</th>
                                            
                                            </tr>
                                            </thead>
        
        
                                            <tbody>
                                            @foreach($manageAssigns as $key => $assign)

                                                <tr>
                                                <td>{{ $key+1 }}</td>
                                                <td>{{ ucwords(strtolower($assign->student->name)) }}</td>
                                                <td>{{ strtoupper($assign->class->class_name) }}</td>
                                                <td>{{ ucwords(strtolower($assign->subject->subject_name)) }}</td>
                                                <td>{{ $assign->term }}</td>
                                                <td>{{ $assign->session }}</td>
                                                <td > <!--<a href="{{route('edit.assign.student.class.subject', $assign->id)}}">
                                                <button type="submit" class="btn btn-primary waves-effect waves-light">Edit</button>
                                                </a> -->
                                                
                                                
                                          

                                                <form action="{{route('delete.assign.student.class.subject', $assign->id)}}" method="POST" class="d-inline delete-form" >
                                                       @csrf
                                                       @method('DELETE')
                                                       <button type="submit" class="btn btn-danger waves-effect waves-light" >
                                                           Delete
                                                       </button>
                                                   </form>


                                            </td>
                                               
                                            </tr>
                                            

                                                @endforeach

                                            </tr>
                                            </tbody>
                                        </table>
        
                                    </div>
                                </div>
                            </div> <!-- end col -->
                        </div> <!-- end row -->

<script>
    // JS (SweetAlert only submits form)
    $(document).on('submit', '.delete-form', function(e){
    e.preventDefault();
    let form = this;

    Swal.fire({
        title: 'Are you sure?',
        text: "This action cannot be undone!",
        icon: 'warning',
        showCancelButton: true,
        cancelButtonColor: '#d33',
        confirmButtonText: 'Yes, delete it!'
    }).then((result) => {
        if (result.isConfirmed) {
            form.submit();
        }
    });
});

</script>


<script>
    /* MASS POP-UP DELETE ALL 
$(document).on('submit', '.delete-all-form', function(e){
    e.preventDefault();
    let form = this;

    Swal.fire({
        title: 'Delete ALL records?',
        text: "This will delete ALL assigned students, classes and subjects!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#d33',
        cancelButtonColor: '#3085d6',
        confirmButtonText: 'Yes, delete all!'
    }).then((result) => {
        if (result.isConfirmed) {
            form.submit();
        }
    });
});

*/
</script>



<script>

// DELETE ALL TEXT FOR SWEET ALERT TYPING DELETE BEFORE DATA DELETION
$(document).on('submit', '.delete-all-form', function(e){
    e.preventDefault();
    let form = this;
    Swal.fire({
    title: 'Type DELETE to confirm',
    input: 'text',
    showCancelButton: true,
    preConfirm: (value) => {
        if (value !== 'DELETE') {
            Swal.showValidationMessage('You must type DELETE');
        }
        return value;
    }
}).then((result) => {
    if (result.isConfirmed) {
        form.submit();
    }
});
});

</script>


@endsection