@extends('layouts_old.main')

@section('stylesheets')
    <link rel="stylesheet" href="{{asset('css/general-inner.css')}}"/>
    <link rel="stylesheet" href="{{asset('css/index.css')}}"/>
    <link rel="stylesheet" href="{{asset('css/microservices.css')}}"/>
    <link rel="stylesheet" href="{{asset('css/edit.css')}}"/>
@endsection

@section('content')
    <div blade="{{ $viewName ?? 'unknown' }}">
    <div class="main-wrapper">
        <div id="microservices">
            <div class="row justify-content-center Header top-container mb-5">
                {{--                <div class="col-md-8  d-flex  justify-content-center  Header-breadcrumbs">--}}
                {{--                    <p class="Header-breadcrumbs--title">{{ Breadcrumbs::render('microservices') }}--}}
                {{--                    </p>--}}
                {{--                </div>--}}
                <div class="col-md-6 d-flex justify-content-center Header-buttons">
                    <a href="#" class="Header-buttons--button me-3 " data-bs-toggle="modal"
                       data-bs-target="#upload-json" title="upload excel">
                        <p class="Header-buttons--button--text px-0">Reformat Old Json</p>
                    </a>
                    <a href="{{route('contact.json.generate')}}" class="Header-buttons--button me-3 ">
                        <p class="Header-buttons--button--text px-0">Generate Json from DB</p>
                    </a>
                </div>
                @include('superadmin.modals.upload-contacts-json')
            </div>
            <div class="main-info-container">
                <div class="row main-info-container--header-row">
                    <p class="number">No</p>
                    <p class="description">Email</p>
                    <p class="description">Created at</p>
                    <p class="action">Actions</p>
                </div>
                @forelse($contactRequests as $contactReq)
                    <div class=" row main-info-container--row">
                        <p class="number"><span>{{ $contactReq->id }}</span></p>
                        <p class="description">{{ $contactReq->email }}</p>
                        <p class="description">{{$contactReq->created_at}}</p>
                        <div class="action form">
                            <div class="action-more">
                                <a href="{{route('contact.request.edit', ['contactRequest' => $contactReq->id])}}"
                                   class="Header-buttons--button  me-3">
                                    <p class="Header-buttons--button--text dlt-btn px-0 text-light">Επεξεργασια</p>
                                </a>
                            </div>
                        </div>
                    </div>
                @empty
                    <div class=" row main-info-container--row">
                        <p>There are no available contact requests</p>
                    </div>
                @endforelse
            </div>
        </div>
        <div class="pagination-wrapper">
            {{--            {{ $contactRequests->links() }}--}}
        </div>
    </div>
    </div>
@endsection