@extends('front-end.layouts.apps')
@section('title')
    Details
@endsection
@section('page_title')
    Team
@endsection
@section('main_container')
    <div class="container" dir="rtl">
        <div class="row">
            <div class="card " id="main_card">
                <div class="card-body">

                    @foreach ($donners as $row)
                        <div class="card mb-3">
                            <div class="row g-0">
                                <div class="col-md-4">
                                    <img src="{{ asset('storage/' . $row->image) }}" alt="Trendy Pants and Shoes"
                                        class="img-fluid rounded-start" />
                                </div>
                                <div class="col-md-8">
                                    <div class="card-body">
                                        <h5 class="card-title">{{ $row->name }}</h5>
                                        <p class="card-text">
                                            {{ $row->details }}
                                        </p>
                                        
                                        <p class="card-text">
                                            <small class="text-muted">
                                                <a href="{{ $info->facebook_url }}" target="_blank" title="Facebook"
                                                    rel="noreferrer">
                                                    <img src="{{ asset('front-end/fonts/svg/facebook.svg') }}"
                                                        style="height: 20px; width:20px;" alt="facebook">
                                                </a>
                                                <a href="{{ $info->twitter_url }}" target="_blank" title="Twitter"
                                                    rel="noreferrer">
                                                    <img src="{{ asset('front-end/fonts/svg/twitter.svg') }}"
                                                        style="height: 20px; width:20px;" alt="twitter">

                                                </a>
                                                <a href="{{ $info->youtube_url }}" target="_blank" title="Youtube Channel"
                                                    rel="noreferrer">
                                                    <img src="{{ asset('front-end/fonts/svg/youtube.svg') }}"
                                                        style="height: 20px; width:20px;" alt="youtube">

                                                </a>
                                                <a href="{{ $info->instegram_url }}" target="_blank" title="Instagram"
                                                    rel="noreferrer">
                                                    <img src="{{ asset('front-end/fonts/svg/instagram.svg') }}"
                                                        style="height: 20px; width:20px;" alt="instegram">
                                                </a>
                                            </small>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach

                </div>
            </div>

        </div>

    </div>
@endsection