@extends('web.layouts.container')
@section('css')
    <style>
        .issue_card{
            padding: 15px;
            border-radius: 15px;
            background-color: #fff;
            box-shadow: 0 0 30px #0001;
        }

        .issue_card:hover{
            box-shadow: 0 0 30px #0003;
            margin-top: -3px;
        }

        .issue_card .img{
            text-align: center;
            padding: 30px 10px;
        }

        .issue_card .img img{
            height: 100px;
            object-fit: contain;
            filter: drop-shadow(8px 15px 10px #d18a3010);
        }

        .issue_card .info{
            text-align: center;
            padding: 15px 5px;
            background-color: #232e4e;
            color: #fff;
            border-radius: 10px;
            margin-top: 10px;
        }

        .issue_card .info h6{
            font-size: 18px;
        }
    </style>

@endsection
@section('content')
    <section class="inner_header">
        <img src="{{asset('assets/web/images/icons/inner.svg')}}" alt="" class="inner_shap">
        <div class="container">
            <ul class="links">
                <li>
                    <a href="{{LaravelLocalization::getLocalizedURL($lang, route('home'), [], true)}}">{{__('main.home')}}</a>
                </li>
                <li>
                    <a href="#"> {{__('members.case_updates')}} </a>
                </li>
            </ul>
            <h4>{{__('members.case_updates')}}</h4>
        </div>
    </section>

    <section class="issue_updates section_padding pb-4">
        <div class="container">
            <div class="row">
                @if(count($files))
                    @foreach($files as $file)
                    <div class="col-lg-3">
                        <a {{!strpos($file->file, 'pdf') ? 'download' : 'target="_blank"'}} href="{{asset($file->file)}}" class="issue_card d-block mb-4">
                            <div class="img">
                                <img src="{{asset('assets/web/images/documents.png')}}" alt="">
                            </div>
                            <div class="info">
                                <h6>{{$file->file_name}}</h6>
                                <div class="time mt-3 small">
                                        <span class="me-3">
                                            <i class="bi bi-clock me-1 small"></i>
                                            <span>{{date('h:i A', strtotime($file->created_at))}}</span>
                                        </span>
                                    <span>
                                            <i class="bi bi-calendar me-1 small"></i>
                                            <span>{{date('Y M d', strtotime($file->created_at))}}</span>
                                        </span>
                                </div>
                            </div>
                        </a>
                    </div>
                    @endforeach
                    @else
                    <div class="alert alert-secondary text-danger text-center">{{__('caseUpdates.no_files')}}</div>
                @endif
            </div>
        </div>
    </section>

@endsection

@section('inner_js')

@endsection