@extends('layouts.admin')
@section("style")
<link href="{{ asset('assets/plugins/select2/css/select2.min.css')}}" rel="stylesheet" />
<link href="{{ asset('assets/plugins/select2/css/select2-bootstrap4.css')}}" rel="stylesheet" />
@endsection
@section('pageTitle')
<title>{{ trans('panel.site_title') }} {{ trans('global.show') }} {{ trans('global.opportunity') }}</title>
@endsection
@section('styles')
@endsection
@section('content')
<!--start page wrapper -->
<div class="page-wrapper">
<div class="page-content">
<!--breadcrumb-->
<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
<div class="breadcrumb-title pe-3">{{ trans('global.opportunities') }}</div>
<div class="ps-3">
<nav aria-label="breadcrumb">
<ol class="breadcrumb mb-0 p-0">
<li class="breadcrumb-item"><a href="javascript:;"><i class="bx bx-home-alt"></i></a>
</li>
<li class="breadcrumb-item active" aria-current="page">{{ trans('global.show') }} {{ trans('global.opportunity') }} </li>
</ol>
</nav>
</div>
</div>
<!--end breadcrumb-->
<hr/>
@include('layouts/notification')
@csrf
<div class="row">
<div class="col-12">
<!-- Tabs content -->
<div class="card">
<div class="card-header">
<div class="row">
<div class="col-12">
<?php $opportunity_img = URL::asset('images/no_img.png'); ?>
<?php
if(!empty($opportunity->feature_image)){
$opportunity_img = URL::asset('Opportunity/'.$opportunity->partner_id.'/'.$opportunity->id.'/'.$opportunity->feature_image);
}
?>
<img class="img-responsive feature_imag" alt="Opportunity Feature Image" src="{{$opportunity_img}}" />
</div>
<div class="col-12 mt-3">
<h3 class="card-title">{{$opportunity->opportunity_title}}</h3>
<p>Address : <small>{{$opportunity->address_line1}} , {{$opportunity->address_location}} </small></p>
<p>No of Hours : <small>{{$opportunity->opportunity_hours}} </small> | Volunteers : <small>{{$opportunity->no_of_volunteers}}</small> | Date: <small>{{date('dM , Y', strtotime($opportunity->start_date))}} {{__('From')}} - {{$opportunity->start_time}} {{__('To')}} : {{$opportunity->end_time}} </small></p>
<hr/>
</div>
</div>
</div>
<div class="card-body">
<div class="row">
<div class="col-12">
{!! $opportunity->opportunity_desc !!}
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<div class="row">
<div class="col-12 mt-3">
<h3 class="card-title">Volunteers Applied for this Opportunity</h3>
<hr/>
</div>
</div>
</div>
<div class="card-body">
<div class="row">
<div class="col-12">
<div class="table-responsive">
<table class="datatable table table-striped table-bordered align-middle" style="width:100%">
<thead>
<tr>
<th>Name</th>
<th>Profile</th>
<th>Email</th>
<th>Date</th>
<th>Status</th>
<th class="text-center sorting-none" width="50"> </th>
</tr>
</thead>
<tbody>
<?php $count = 0; ?>
@if($volunteers->count())
@foreach($volunteers as $key => $volunteer)
<?php $user_profile_img = URL::asset('images/profile.webp'); ?>
<?php
if(!empty($volunteer->user_profile_img)){
$user_profile_img = URL::asset('Profile/'.$volunteer->volunteer_id.'/'.$volunteer->user_profile_img);
}
?>
<?php $count++; ?>
<tr data-entry-id="{{ $volunteer->opportunity_id }}">
<td>{{ $volunteer->name }}</td>
<td><img src="{{$user_profile_img}}" class="opportunity_file" height="40" /></td>
<td>{{ $volunteer->email }}</td>
<td>{{ $volunteer->created_at }}</td>
<td>
@if($volunteer->volunteer_status == 0)
<span class="text-info m-1" ><i class="fadeIn animated bx bx-user-plus"></i> {{ trans('global.applied') }}</span>
@elseif($volunteer->volunteer_status == 1)
<span class="text-success m-1" ><i class="fadeIn animated bx bx-user-check"></i> {{ trans('global.approved') }}</span>
@elseif($volunteer->volunteer_status == 2)
<span class="text-danger m-1" ><i class="fadeIn animated bx bx-user-x"></i> {{ trans('global.rejected') }}</span>
@endif
</td>
<td >
<div class="btn-group">
@can('opportunity_edit')
@if($volunteer->volunteer_status != 1)
<a class="btn btn-xs btn-outline-success m-1" href="{{ route('admin.opportunities.volunteer_approve', [$volunteer->opportunity_id,$volunteer->volunteer_id]) }}">
<i class="fadeIn animated bx bx-user-check"></i> {{ trans('global.approve') }}
</a>
@endif
@if($volunteer->volunteer_status != 2)
<a class="btn btn-xs btn-outline-danger m-1" href="{{ route('admin.opportunities.volunteer_reject', [$volunteer->opportunity_id,$volunteer->volunteer_id]) }}">
<i class="fadeIn animated bx bx-user-x"></i> {{ trans('global.reject') }}
</a>
@endif
@endcan
</div>
</td>
</tr>
@endforeach
@endif
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div>
<a class="btn btn-secondary waves-effect waves-ripple mr-3" href="{{ url()->previous() }}">{{ trans('global.back_to_list') }}</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('scripts')
<script src="{{ asset('assets/plugins/select2/js/select2.min.js')}}"></script>
<script>
$(document).ready(function(){
$('.single-select').select2({
theme: 'bootstrap4',
width: $(this).data('width') ? $(this).data('width') : $(this).hasClass('w-100') ? '100%' : 'style',
placeholder: $(this).data('placeholder'),
allowClear: Boolean($(this).data('allow-clear')),
});
$('.multiple-select').select2({
theme: 'bootstrap4',
width: $(this).data('width') ? $(this).data('width') : $(this).hasClass('w-100') ? '100%' : 'style',
placeholder: $(this).data('placeholder'),
allowClear: Boolean($(this).data('allow-clear')),
});
});
</script>
@endsection