@extends('layouts.app')
@section('title')
    Admit Card
@endsection
@section('content')
    <div class="row card">


        <div class="mt-3 card-body card-white mb-4">
            <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                <h6 class="m-0 font-weight-normal text-head-color">Score Card</h6>
            </div>
            <br>
            <div id='loader'></div>
            <form action="{{ route('score.card') }}" method="GET" enctype="multipart/form-data">
                <div class="row">

                    <div class=" form-group col-md-3">
                        <label> Search by Application Number </label>
                        <input type="text"  name="ApplicationNumber" value="{{ Request::get('ApplicationNumber') }}"
                            placeholder="Search by Application Number" class="form-control ApplicationNumber">
                    </div>

                    <div class=" form-group col-md-3">
                        <label> Search by Candidate Name </label>
                        <input type="text"  name="CandidateName" value="{{ Request::get('CandidateName') }}"
                            placeholder="Search by Candidate Name" class="form-control CandidateName">
                    </div>

                    <div class="form-group col-md-3">
                        <label>Select Exam</label>
                        <select class="form-control config" name="config">
                            <option value="">Select</option>
                            @foreach ($Exams as $Exam)
                                <option value="{{ base64_encode($Exam->ID) }}" @if (Request::get('config') == base64_encode($Exam->ID)) selected @endif>
                                    {{ $Exam->Name }}</option>
                            @endforeach
                        </select>
                    </div>


                    <div class="form-group col-md-3">
                       
                        <button type="submit" class="btn btn-success action-button"><i style="font-size:20px" class="fa">&#xf002;</i>
                            Search</button>
                    
                        <a class="btn btn-dark action-button" href="{{ route('admit.card') }}">Clear</a>
                        

                    </div>
             
                   
                </div>
            </form>

            <div class="mt-2 mb-4" id="maintable">
                    <table class="table table-bordered " >
                        <thead>
                            <tr>
                                <th>S.No</th>
                                <th>Application No</th>
                                <th>Candidate Name </th>
                                <th>DOB </th>
                                <th>Action</th>

                            </tr>
                        </thead>
                        <tbody>
                            @if (count($scoreCardDataLists) > 0)
                                @foreach ($scoreCardDataLists as $key => $admitCardDataList)
                                 
                                    <tr>
                                        <td>{{ $key + 1 }}</td>
                                        <td> {{ @$admitCardDataList->ApplicationNumber ? $admitCardDataList->ApplicationNumber : null }}
                                        </td>
                                        <td>{{ @$admitCardDataList->CandidateName ? $admitCardDataList->CandidateName : null }}
                                        </td>
                                        <td>{{ @$admitCardDataList->DOB ? date("d-m-Y", strtotime($admitCardDataList->DOB)) : null }}</td>
                                        
                                        <td>
                                            <a href="https://examsaudit.ntaonline.in/NEET_EXAM/frontend/web/bulkadmitcard/generate-scorecard?applicationNumber={{ @$admitCardDataList->ApplicationNumber ? $admitCardDataList->ApplicationNumber : null }}" 
                                            target="_blank">View</a>
                                        </td> 
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="11">
                                        <center>No Data Found !!</center>
                                    </td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                    @if (count($scoreCardDataLists) > 0)
                    {!! $scoreCardDataLists->appends(request()->query())->links('pagination::bootstrap-4') !!}
                    @endif
            </div>



        </div>
    </div>
    @endsection
    <style type="text/css">

button.btn.btn-success.action-button {
    padding-top: 9px !important;
    margin-bottom: -55px;
}

.btn.btn-dark.action-button {
    padding-top: 9px !important;
    margin-bottom: -55px;
}
	</style>

    @push('js')
  
    @endpush