@extends('layouts.master')

@section('title', 'Group Insurance')

@section('style')

@endsection

@section('script')

@endsection

@section('content')

    @include('layouts.header')
    @include('layouts.header-sub')

    <section class="wrapper bg-light">
        <div class="container py-14 py-md-16">
            <div class="row gx-lg-8 gx-xl-12">

                <div class="col-md-12">
                    <h5 class="display-1 mb-3" style="font-size: 25px">@yield('title') : {{ $users->user_firstname }}
                        {{ $users->user_lastname }}</h5>
                    <p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
                </div>

                <div class="col-lg-12">
                    <div class="blog single">

                        <div class="demos-wrapper">

                            <div class="project mb-10">
                                <div class="card bg-soft-grape shadow-lg border-0 rounded-4" style="height: 350px;">
                                    <div class="card-body h-100 d-flex">
                                        <div class="row w-100 align-items-center h-100">

                                            <!-- LEFT SIDE -->
                                            <div class="col-lg-7 h-100">
                                                <div class="row h-100">

                                                    <div class="col-6 d-flex align-items-center justify-content-center">
                                                        <a href="{{ url('/group_insurance_siitlist', $users->id) }}"
                                                            target="_blank" class="text-decoration-none">
                                                            <img class="img-fluid"
                                                                style="max-height: 140px; object-fit: contain;"
                                                                src="{{ asset('bg/siit.png') }}" alt="">
                                                        </a>
                                                    </div>

                                                    <div class="col-6 d-flex align-items-center justify-content-center">
                                                        <a href="{{ url('/group_insurance_siitlist', $users->id) }}"
                                                            target="_blank" class="text-decoration-none">
                                                            <img class="img-fluid shadow rounded-3"
                                                                style="max-height: 240px; object-fit: contain;"
                                                                src="{{ asset('bg/i12-Photoroom.png') }}" alt="">
                                                        </a>
                                                    </div>

                                                </div>
                                            </div>

                                            <!-- RIGHT SIDE -->
                                            <div
                                                class="col-lg-5 d-none d-lg-flex flex-column justify-content-center text-center">

                                                <h3 class="fw-bold mb-3">
                                                    Sirindhorn International Institute of Technology
                                                </h3>

                                                <p class="text-muted small mb-3">
                                                    Official information and downloadable documents
                                                </p>

                                                <div>
                                                    <a href="{{ url('/group_insurance_siitlist', $users->id) }}"
                                                        target="_blank" class="btn btn-grape rounded-pill px-4 me-2">
                                                        View
                                                    </a>

                                                    @if (!empty($changefile_siit->changegroupinsurancesiitfile_file))
                                                        <a href="{{ asset('changegroupinsurancesiitfile_files/' . $changefile_siit->changegroupinsurancesiitfile_file) }}"
                                                            target="_blank" class="btn btn-outline-grape rounded-pill px-4">
                                                            Download
                                                        </a>
                                                    @else
                                                        <button class="btn btn-secondary rounded-pill w-50" disabled>
                                                            No File Available
                                                        </button>
                                                    @endif
                                                </div>

                                            </div>

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

                            <div class="project mb-10">
                                <div class="card bg-soft-orange shadow-lg border-0 rounded-4" style="height: 350px;">
                                    <div class="card-body h-100 d-flex">
                                        <div class="row w-100 align-items-center h-100">

                                            <!-- LEFT SIDE -->
                                            <div class="col-lg-7 h-100">
                                                <div class="row h-100">

                                                    <div class="col-6 d-flex align-items-center justify-content-center">
                                                        <a href="{{ url('/group_insurance_tulist', $users->id) }}"
                                                            target="_blank" class="text-decoration-none">
                                                            <img class="img-fluid"
                                                                style="max-height: 140px; object-fit: contain;"
                                                                src="{{ asset('bg/tu.png') }}" alt="">
                                                        </a>
                                                    </div>

                                                    <div class="col-6 d-flex align-items-center justify-content-center">
                                                        <a href="{{ url('/group_insurance_tulist', $users->id) }}"
                                                            target="_blank" class="text-decoration-none">
                                                            <img class="img-fluid shadow rounded-3"
                                                                style="max-height: 240px; object-fit: contain;"
                                                                src="{{ asset('bg/i24-Photoroom.png') }}" alt="">
                                                        </a>
                                                    </div>

                                                </div>
                                            </div>

                                            <!-- RIGHT SIDE -->
                                            <div
                                                class="col-lg-5 d-none d-lg-flex flex-column justify-content-center text-center">

                                                <h3 class="fw-bold mb-3">
                                                    Thammasat University
                                                </h3>

                                                <p class="text-muted small mb-3">
                                                    Official information and downloadable documents
                                                </p>

                                                <div>
                                                    <a href="{{ url('/group_insurance_tulist', $users->id) }}"
                                                        target="_blank" class="btn btn-orange rounded-pill px-4 me-2">
                                                        View
                                                    </a>
                                                    @if (!empty($changefile_tu->changegroupinsurancetufile_file))
                                                        <a href="{{ asset('changegroupinsurancetufile_files/' . $changefile_tu->changegroupinsurancetufile_file) }}"
                                                            target="_blank"
                                                            class="btn btn-outline-orange rounded-pill px-4">
                                                            Download
                                                        </a>
                                                    @else
                                                        <button class="btn btn-secondary rounded-pill w-50" disabled>
                                                            No File Available
                                                        </button>
                                                    @endif
                                                </div>
                                            </div>

                                        </div>

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

                </div>
            </div>
        </div>
        </div>
    </section>


    @include('layouts.footer')

@endsection