81 lines
3.4 KiB
PHP
81 lines
3.4 KiB
PHP
<div>
|
|
@if($managers)
|
|
@php
|
|
$cardBg = array_key_exists('primary_color', DESIGN_PARAMETERS)
|
|
? DESIGN_PARAMETERS['primary_color']
|
|
: '#ccc';
|
|
@endphp
|
|
<style>
|
|
#carouselExampleCaptions {
|
|
max-width: 450px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.carousel-item {
|
|
width: 450px;
|
|
}
|
|
|
|
.carousel-item .card {
|
|
background-color: {{$cardBg}}30;
|
|
padding: 0 50px;
|
|
}
|
|
.carousel-item .card .badge{
|
|
background-color: {{$cardBg}}!important;
|
|
}
|
|
</style>
|
|
<div id="carouselExampleCaptions" class="d-none d-lg-block carousel slide rounded-2">
|
|
<div class="carousel-inner">
|
|
@foreach($managers as $manager)
|
|
<div class="carousel-item {{ $loop->first ? 'active' : '' }}">
|
|
<div class="carousel-content">
|
|
<div class="card rounded-0 border-0">
|
|
<div class="fw-bold text-uppercase text-primary text-truncate" style="cursor:pointer" title="{{ $manager['user']->name }}">
|
|
{{ $manager['user']->name }}
|
|
</div>
|
|
<div class="d-flex flex-row fs-6 gap-1 ">
|
|
@foreach ($manager['cities'] as $city)
|
|
<span class="badge bg-secondary text-truncate" title="{{ $city }}">{{ $city }}</span>
|
|
@endforeach
|
|
</div>
|
|
<div class="d-flex flex-row fs-6 gap-3">
|
|
<span class="text-nowrap"><i class="bi bi-telephone-fill"></i> {{ $manager['user']->phone }}</span>
|
|
<span class="text-nowrap"><i class="bi bi-envelope-fill"></i> {{ $manager['user']->email }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
|
|
</div>
|
|
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="visually-hidden">Previous</span>
|
|
</button>
|
|
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="visually-hidden">Next</span>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Mobile view -->
|
|
<div class="d-block d-lg-none d-flex flex-column gap-3">
|
|
@foreach($managers as $manager)
|
|
<div class="card rounded-0 border-0 bg-light">
|
|
<div class="fw-bold text-uppercase text-primary text-truncate" style="cursor:pointer" title="{{ $manager['user']->name }}">
|
|
{{ $manager['user']->name }}
|
|
</div>
|
|
<div class="d-flex flex-row fs-6 gap-1">
|
|
@foreach ($manager['cities'] as $city)
|
|
<span class="badge bg-secondary text-truncate" title="{{ $city }}">{{ $city }}</span>
|
|
@endforeach
|
|
</div>
|
|
<div class="d-flex flex-column fs-6">
|
|
<span><i class="bi bi-telephone-fill"></i> {{ $manager['user']->phone }}</span>
|
|
<span><i class="bi bi-envelope-fill"></i> {{ $manager['user']->email }}</span>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
@endif
|
|
|
|
</div> |