@extends('backend.student.layouts.right_side_bar')
@section('studentBody')

    <div class="row">
        <div class="col-md-12 text-center">
            <a class="block block-rounded p-3 bg-primary-dark text-white block-link-shadow mb-2 border" href="{{url('student')}}">
                <span class=" font-weight-bold">Talent Hunt Competition</span>
            </a>
        </div>
        <div class="col-md-12 mt-2">
            <div class="row justify-content-center text-center">
                <form action="" method="post">
                    {{csrf_field()}}
                    <label for="" class="font-weight-bold font-size-h4">Choose Talents</label>
                    <div class="row">
                        @foreach($talents as $talent)
                            @if(\App\OnlineExam\StudentTallentHunt::where('student_id',$student->id)->where('talent_hunt_id',$talent->id)->first())
                        <div class="col-sm-4">
                            <div class="custom-control custom-block custom-control-success">
                                <input type="checkbox" value="{{$talent->id}}" class="custom-control-input" id="example-cb-custom-block{{$talent->id}}" name="talent_hunt_id[]" checked>
                                <label class="custom-control-label p-4 bg-primary-dark text-white" for="example-cb-custom-block{{$talent->id}}">
                                    <span class="d-block text-center">{{$talent->name}}</span>
                                </label>
                                <span class="custom-block-indicator"><i class="fa fa-check"></i></span>
                            </div>
                        </div>
                            @else
                        <div class="col-sm-4">
                            <div class="custom-control custom-block custom-control-success">
                                <input type="checkbox" value="{{$talent->id}}" class="custom-control-input" id="example-cb-custom-block{{$talent->id}}" name="talent_hunt_id[]">
                                <label class="custom-control-label p-4 bg-primary-dark text-white" for="example-cb-custom-block{{$talent->id}}">
                                    <span class="d-block text-center">{{$talent->name}}</span>
                                </label>
                                <span class="custom-block-indicator"><i class="fa fa-check"></i></span>
                            </div>
                        </div>
                            @endif
                        @endforeach
                        <div class="col-sm-12 mt-3 text-center">
                            <button type="submit" class="btn btn-success btn-hero-lg"><i class="fa fa-save"></i> Submit</button>
                        </div>
                    </div>

                </form>
            </div>
        </div>
{{--        <div class="col-md-3">--}}
{{--            <a class="block block-rounded block-link-shadow bg-success mb-0 pb-2 border" href="#">--}}
{{--                <div class="block-content block-content-full text-center justify-content-between">--}}
{{--                    <span class="text-white font-size-base">My Applied Courses</span>--}}
{{--                </div>--}}
{{--                <div class="block-content block-content-full text-center justify-content-between">--}}
{{--                    <i class="fa fa-check-circle font-size-h1 text-white"></i>--}}
{{--                </div>--}}
{{--            </a>--}}
{{--            <a class="block block-rounded mb-0 border" href="#">--}}
{{--                <div class="block-content block-content-full text-center justify-content-between bg-white">--}}
{{--                    <span class="font-size-h1">0</span>--}}
{{--                </div>--}}
{{--            </a>--}}
{{--        </div>--}}
{{--        <div class="col-md-3">--}}
{{--            <a class="block block-rounded block-link-shadow bg-secondary mb-0  pb-2 border" href="#">--}}
{{--                <div class="block-content block-content-full text-center justify-content-between">--}}
{{--                    <span class="text-white font-size-base">Shortlisted Colleges</span>--}}
{{--                </div>--}}
{{--                <div class="block-content block-content-full text-center justify-content-between">--}}
{{--                    <i class="fa fa-briefcase font-size-h1 text-white"></i>--}}
{{--                </div>--}}
{{--            </a>--}}
{{--            <a class="block block-rounded mb-0 border" href="#">--}}
{{--                <div class="block-content block-content-full text-center justify-content-between bg-white">--}}
{{--                    <span class="font-size-h1">0</span>--}}
{{--                </div>--}}
{{--            </a>--}}
{{--        </div>--}}
{{--        <div class="col-md-3">--}}
{{--            <a class="block block-rounded block-link-shadow bg-danger mb-0  pb-2 border" href="#">--}}
{{--                <div class="block-content block-content-full text-center justify-content-between">--}}
{{--                    <span class="text-white font-size-base">Shortlisted Courses</span>--}}
{{--                </div>--}}
{{--                <div class="block-content block-content-full text-center justify-content-between">--}}
{{--                    <i class="fa fa-check-double font-size-h1 text-white"></i>--}}
{{--                </div>--}}
{{--            </a>--}}
{{--            <a class="block block-rounded mb-0 border" href="#">--}}
{{--                <div class="block-content block-content-full text-center justify-content-between bg-white">--}}
{{--                    <span class="font-size-h1">0</span>--}}
{{--                </div>--}}
{{--            </a>--}}
{{--        </div>--}}
{{--        <div class="col-md-3">--}}
{{--           <div class="row">--}}
{{--               <div class="col-md-12 mb-3" data-toggle="appear">--}}
{{--                   <a class="block block-rounded block-link-pop bg-primary-dark" href="{{url('student/questions')}}">--}}
{{--                       <div class="block-content block-content-full d-flex align-items-center justify-content-between">--}}
{{--                           <div>--}}
{{--                               <!-- Sparkline Dashboard Users Container -->--}}
{{--                               <span class="fa fa-question font-size-h2 text-white"></span>--}}
{{--                           </div>--}}
{{--                           <div class="ml-3 text-right">--}}
{{--                               <p class="text-muted mb-0 text-white">--}}
{{--                                   Q&A--}}
{{--                               </p>--}}
{{--                               <p class="font-size-h3 font-w300 mb-0 text-white">--}}
{{--                                   +{{count($questions)}}--}}
{{--                               </p>--}}
{{--                           </div>--}}
{{--                       </div>--}}
{{--                   </a>--}}
{{--               </div>--}}
{{--               <div class="col-md-12" data-toggle="appear">--}}
{{--                   <a class="block block-rounded block-link-pop bg-warning" href="javascript:void(0)">--}}
{{--                       <div class="block-content block-content-full d-flex align-items-center justify-content-between">--}}
{{--                           <div>--}}
{{--                               <!-- Sparkline Dashboard Users Container -->--}}
{{--                               <span class="fa fa-briefcase text-white font-size-h2"></span>--}}
{{--                           </div>--}}
{{--                           <div class="ml-3 text-right">--}}
{{--                               <p class="text-muted mb-0 text-white">--}}
{{--                                   Reviews--}}
{{--                               </p>--}}
{{--                               <p class="font-size-h3 font-w300 mb-0 text-white">--}}
{{--                                   +{{count($reviews)/6}}--}}
{{--                               </p>--}}
{{--                           </div>--}}
{{--                       </div>--}}
{{--                   </a>--}}
{{--               </div>--}}
{{--           </div>--}}
{{--        </div>--}}
    </div>

@endsection