@extends('user_dashboard.layouts.app')
@section('content')
    <div class="rbt-dashboard-area mt--30 mb--50">
        <div class="container-fluid">
            <div class="row g-5">
                <div class="col-lg-3">
                    @include('user_dashboard.layouts.sidebar')
                </div>

                <div class="col-lg-9">
                    <div class="rbt-dashboard-content bg-color-white rbt-shadow-box mb--10">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="section-title">
                                    <h4 class="rbt-title-style-3"> Special Training</h4>
                                </div>
                            </div>
                        </div>
                        @foreach ($trainings as $training)
                            <div class="col-md-3">
                                <div class="rbt-card training text-center p-0">
                                    <div class="card-body">
                                        <img src="{{asset('backend/img/training/'.$training->image)}}" class="w-100"/>
                                        <h5>{{$training->title}}</h5>
                                        <div class="rbt-card-bottom">
                                            <a class="transparent-button" href="{{$training->link}}" target="_blank">Watch Now<i><svg width="17" height="12" xmlns="http://www.w3.org/2000/svg"><g stroke="#27374D" fill="none" fill-rule="evenodd"><path d="M10.614 0l5.629 5.629-5.63 5.629"></path><path stroke-linecap="square" d="M.663 5.572h14.594"></path></g></svg></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                </div>
            </div>
        </div>
    </div>
</div>
@endsection