@extends('layouts.app')
@section('titlePage', 'Manage Page')
@section('content')
<script>
    document.getElementById("kts-1").classList.add("is-expanded");
    document.getElementById("ktss-1").classList.add("active","is-expanded");
    document.getElementById("view").classList.add("active");
</script>
<div class="page-wrapper">
    <!-- [ breadcrumb ] start -->
    <div class="breadcrumb-header justify-content-between">
        <div class="left-content">
            <span class="main-content-title mg-b-0 mg-b-lg-1">VIEW ALL</span>
        </div>
        <div class="justify-content-center mt-2">
            <ol class="breadcrumb breadcrumb-style3">
                <li class="breadcrumb-item tx-15"><a href=""><i class="feather icon-home"></i></a></li>
                <li class="breadcrumb-item active">Manage Students</li>
            </ol>
        </div>
    </div>
    <!-- [ breadcrumb ] end -->
    <!-- [ Main Content ] start -->
    <div class="card">
        <div class="card-body">
            <form method="GET" id="form">
                <div class="row col-12">
                    <div class="col-md-4 pb-3">
                        <label for="degree">Select Campus</label>
                        <select name="campus" id="campus" class="form-control">
                            <option value="">-- Select Campus --</option>
                            @foreach ($dataMap['campuses'] as $campus)
                            <option {{request()->get('campus') == $campus->id ? 'selected' : ''}} value="{{$campus->id}}">{{$campus->campus_title}} -- {{$campus->campus_location}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4 pb-3">
                        <label for="degree">Select Degree</label>
                        <select name="degree" id="degree" class="form-control">
                            <option value="">-- Select Degree --</option>
                            @foreach ($dataMap['degrees'] as $degree)
                            <option {{request()->get('degree') == $degree->id ? 'selected' : ''}} value="{{$degree->id}}">{{$degree->deg_spc_title}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4 pb-3">
                        <label for="degree">Select Department</label>
                        <select name="department" id="department" class="form-control">
                            <option value="">-- Select Department --</option>
                            @foreach ($dataMap['departments'] as $department)
                            <option {{request()->get('department') == $department->id ? 'selected' : ''}} value="{{$department->id}}">{{$department->d_name}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4 pb-3">
                        <label for="degree">Select Batch</label>
                        <select name="batch" id="batch" class="form-control">
                            <option value="">-- Select Batch --</option>
                            @foreach ($dataMap['batches'] as $batch)
                            <option {{request()->get('batch') == $batch->id ? 'selected' : ''}} value="{{$batch->id}}">{{$batch->batch_title}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4 pb-3">
                        <label for="degree">Select Section</label>
                        <select name="section" id="section" class="form-control">
                            <option value="">-- Select Section --</option>
                            @foreach ($dataMap['sections'] as $section)
                            <option {{request()->get('section') == $section->id ? 'selected' : ''}} value="{{$section->id}}">{{$section->title}}</option>
                            @endforeach
                        </select>
                    </div>
                   
                    <div class="col-md-4 pb-3">
                        <label for="degree">Name / USN / Email</label>
                        <input type="text" class="form-control" name="usn" id="usn" value="">
                    </div>
                    <div class="col-md-12" style="padding-left:35rem">
                        <button class="btn btn-primary float-right search"><i class="fa fa-search"></i> Search</button>
                        <button class="btn btn-secondary float-right reset"><i class="fa fa-times"></i> Reset</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="text-primary">Student Report</h5>
                </div>
                <div class="card-body">
                    <div class="table-responsive dt-responsive">
                        <div id="dt-ajax-array_wrapper" class="dataTables_wrapper dt-bootstrap4">
                            @include('common.alert')
                            <div class="row">
                                <div class="col-sm-12">
                                    <table id="dt-ajax-array" class="table table-striped table-bordered nowrap dataTable" role="grid" aria-describedby="dt-ajax-array_info">
                                        <thead>
                                            <tr role="row">
                                                <th>Link</th>
                                                <th>Fullname</th>
                                                <th>Email</th>
                                                <th>Registration Number</th>
                                                <th>Phone Number</th>
                                                <th>Gender</th>
                                                <th>Status</th>
                                                <th>Action</th>
                                                <th>Active/Deactive</th>
                                                <th>Resume/Password</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if(count($data) > 0)
                                            @foreach ($data as $value)
                                            <tr>
                                                <td>
                                                    <button type="button" class="btn btn-secondary" data-bs-placement="top" data-bs-toggle="tooltip-primary" title="Click to copy" data-clipboard-text="{{ _route('student.login') }}">Copy Link</button>
                                                </td>
                                                <td>{{ $value->fullname }}</td>
                                                <td>{{ $value->email }}</td>
                                                <td>{{ $value->registration_number }}</td>
                                                <td>{{ $value->phone_number }}</td>
                                                <td>{{ $value->gender }}</td>
                                                <td>{{ $value->status }}</td>
                                                <td>
                                                    <div class="btn-icon-list btn-list justify-content-around">
                                                        <a href="{{ _route('client.students.show', $value->id) }}" class="btn btn-circle-lg btn-primary-light flex-center"><i class="si si-eye tx-16"></i></a>
                                                        <a href="{{ _route('client.students.edit', $value->id) }}" class="btn btn-circle-lg btn-primary-light flex-center"><i class="fe fe-edit tx-16"></i></a>
                                                        <form action="{{ _route('client.students.destroy', $value->id) }}" method="POST" class="delete">
                                                            @csrf
                                                            @method('DELETE')
                                                            <button type="submit" class="btn btn-circle-lg btn-danger flex-center"><i class="fe fe-trash tx-16"></i></button>
                                                        </form>
                                                    </div>
                                                </td>
                                                <td>
                                                    <form action="{{ _route('client.students.status', $value->id) }}" method="POST">
                                                        @csrf
                                                        @method('PUT')
                                                        @if ($value->status == "Deactivated")
                                                        <button type="submit" class="btn btn-outline-success btn-rounded">Activate</button>
                                                        @else
                                                        <button type="submit" class="btn btn-outline-danger btn-rounded">Deactivate</button>
                                                        @endif
                                                    </form>
                                                </td>
                                                <td>
                                                    <a href="{{$value->getPathResume()}}" download="{{$value->id.'_'.$value->fullname.'.'.pathinfo($value->getPathResume(), PATHINFO_EXTENSION)}}" class="btn btn-outline-secondary btn-rounded {{!empty($value->resume) ? '' : 'disabled'}}">Download Resume</a>

                                                    <a href="{{ _route('client.students.change-password', $value->id) }}" class="btn btn-outline-primary btn-rounded">Change Password</a>
                                                </td>
                                            </tr>
                                            @endforeach
                                            @else
                                            <tr>
                                                <td> </td>
                                                <td></td>
                                                <td class="col-sm-12">No Matching Data</td>
                                            </tr>

                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            {{-- Pagination --}}
                            <div class="row">
                                <div class="col-sm-12 col-md-12">
                                    <div class="pagination custom-pagination justify-content-end mb-0" id="dt-ajax-array_paginate">

                                        {!! $data->appends(Request::all())->links() !!}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- [ Main Content ] end -->
</div>
@endsection
@section('script')
<!-- <script src="{{ asset('assets/vidiyal/js/jquery.copy-to-clipboard.js') }}"></script> -->
<script src="{{ asset('assets/vidiyal/vendor.js') }}"></script>
<script>
    $('.reset').on('click', function(e) {
        // $('#form').trigger("reset");
        $('#campus').val('');
        $('#degree').val('');
        $('#department').val('');
        $('#batch').val('');
        $('#section').val('');
        $('#badge').val('');
        $('#super_badge').val('');
        $('#usn').val('');
    });
</script>
@endsection