@extends('layouts.master')
@section('title', 'Internal Committee View')

@section('style')
    <style></style>
@endsection

@section('script')
    <script></script>
@endsection

@section('content')

    @include('layouts.header')


    @include('layouts.title')


    <section class="wrapper bg-light ">
        <div class="container py-10">

            <div class="card border border-2 rounded-4 p-4 bg-white">

                <h4 class="fw-bold mb-4">View Internal Committees</h4>

                <div class="row mb-3">
                    <div class="col-md-4 text-muted fw-semibold">Academic Year Name :</div>
                    <div class="col-md-8">{{ $internalcommittee->academic_name }}</div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-4 text-muted fw-semibold">Internal Committees Name :</div>
                    <div class="col-md-8">{{ $internalcommittee->ic_name }}</div>
                </div>

                <div class="row mb-4">
                    <div class="col-md-4 text-muted fw-semibold">Faculty Member Name :</div>
                    <div class="col-md-8">
                        <ol class="ps-3 mb-0">
                            @foreach (explode(', ', $internalcommittee->faculty_names) as $name)
                                <li class="mb-1">{{ $name }}</li>
                            @endforeach
                        </ol>
                    </div>
                </div>

                @if (!empty($internalcommittee->staff_names))
                    <div class="row mb-4">
                        <div class="col-md-4 text-muted fw-semibold">Staff Name :</div>
                        <div class="col-md-8">
                            <ol class="ps-3 mb-0">
                                @foreach (explode(', ', $internalcommittee->staff_names) as $staff)
                                    <li class="mb-1">{{ $staff }}</li>
                                @endforeach
                            </ol>
                        </div>
                    </div>
                @endif

                {{-- Documents --}}
                <div class="card border rounded-3 p-3 mt-4">
                    <h6 class="fw-bold mb-2">Required Documents</h6>
                    <p class="text-danger small mb-3">File size maximum 10 MB (.PDF)</p>

                    @if (!empty($internalcommittee->ic_documents))
                        <div class="d-flex align-items-center gap-3 border rounded p-3">
                            <span class="fw-semibold">1. Document</span>
                            <a href="{{ asset('uploads/internal_committee/' . $internalcommittee->ic_documents) }}"
                                target="_blank" class="btn btn-sm btn-primary rounded-pill">
                                View
                            </a>
                            <span class="text-muted">{{ $internalcommittee->ic_documents }}</span>
                        </div>
                    @endif
                </div>

                <div class="text-center mt-4">
                    <a href="{{ url('/internalcommitteelist') }}" class="btn btn-purple rounded-pill px-4">
                        Back
                    </a>
                </div>

            </div>

        </div>
    </section>


    @include('layouts.footer')

@endsection