@extends('front.layouts.app')
@section('css')

@endsection
@section('content')

<div class="page inner-page-layout activities">



    <div class="page-content">

        <div class="container">

            <div class="row">
                <div class="col-md-8 m-auto">

                    <div class="card">

                        @include('vendor.errors')

                        <div class="activity-pref text-center ">

                            <div class="d-block  mb-4">
                                <h3>  تاكيد الحضور</h3>
                            </div>

                            <!--<p class="lead mb-4"> تاكيد الحضور </p>-->

                            <div id="qr-cards-wrapper">

                                    <div class="activity-qr-card mb-4">

                                        <div class="mb-3">
                                            <img src="/assets/images/logo-colored.png" class="logo">
                                        </div>

                                        <div class="mb-0">
                                            <p class="lead user-name mb-1">  {{$row->name}} </p>
                                            <!--<p class="activity-name"> فاعلية معرض الكتاب الاسلامي - الكويت </p>-->
                                        </div>

                                    </div>

                            </div>
                            <div class="row">
                                @foreach($events as $event)
                                <div class="col-12 col-md-4">
                                    <a href="{{ route('set.attendance-p', ['id'=> $row->id, 'event' => $event->id]) }}" class="text-decoration-none">
                                        <div class="card h-100 shadow-sm">
                                            <div class="card-body">
                                                <h5 class="card-title text-primary">{{ $event->title }}</h5>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                @endforeach
                            </div>

                            <a href="#" id="saveBtn" class="btn btn-primary"> حفظ </a>

                        </div><!-- activity-pref -->


                    </div>
                </div>
            </div>
        </div> <!-- container -->

    </div><!-- page-content -->

</div> <!-- page -->

@endsection

@section('js')

@endsection