@extends('layouts.admin.app')

@section('tablecss')
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.3/css/jquery.dataTables.css">
    <!-- <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/2.0.1/css/buttons.dataTables.min.css"> -->
@endsection

@section('content')
    <main role="main" class="main-content">
        <div class="container-fluid">
            <div class="row justify-content-center">
                <div class="col text-center table-responsive">
                    <table class="table table-hover display" id="table">
                        <thead class="thead-dark">
                        <tr>
                            <th>Photo</th>
                            <th>Name</th>
                            <th>Applicant ID</th>
                            <th>Mobile</th>
                            <th>Faculty</th>
                            <th>List</th>
                            <th>Quota</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($choices as $choice)
                            <tr>
                                <td>
                                    <span class="avatar avatar-sm mt-2">
                                        @php
                                            if(!empty($choice))
                                            {
                                                $url = 'profile_pictures/'.$choice->applicant->admission_roll.'.jpg';
                                            }
                                        @endphp
                                            <img src="{{asset($url)}}"
                                                 class="avatar-img rounded-circle" alt="{{asset('user_avatar.png')}}"
                                                 style="height: 60px; width: 60px;">

                                        </span>
                                </td>
                                <td>{{$choice->user->name}}</td>
                                <td>{{$choice->applicant->applicant_id}}</td>
                                <td>0{{$choice->user->mobile}}</td>
                                <td>{{$choice->faculty}}</td>
                                <td class="text-left">
                                    @php
                                        if(!empty($choice->list))
                                        {
                                            $datas = explode(";", $choice->list);
                                        }
                                    @endphp
                                    @foreach ($datas as $key => $data)
                                        @if($data != null)
                                            <p>{{$key + 1}}: {{$data}}</p>
                                        @endif
                                    @endforeach
                                </td>
                                <td>{{$choice->quota}}</td>
                            </tr>
                        @endforeach
                        </tbody>
                        <tfoot>

                        </tfoot>
                    </table>
                    {{$choices->links()}}
                </div>
            </div>
        </div>
    </main>
@endsection

@section('scripts')
    <script type="text/javascript" charset="utf8"
            src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.js"></script>
    <script>
        $(document).ready(function () {
            $('#table').DataTable({
                "paging": false,
                "info": false
            });
        });
    </script>
@endsection