File: /home/imensosw/.trash/resources.2/views/admin/opportunities/index.blade.php
@extends('layouts.admin')
@section("style")
<link href="{{ asset('assets/plugins/datatable/css/dataTables.bootstrap5.min.css')}}" rel="stylesheet" />
@endsection
@section('pageTitle')
<title>{{ trans('panel.site_title') }} {{ trans('global.opportunities') }}</title>
@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.opportunity') }} {{ trans('global.list') }}</li>
</ol>
</nav>
</div>
@can('opportunity_create')
<div class="ms-auto">
<div class="btn-group">
<a href="{{ route("admin.opportunities.create") }}" class="btn btn-outline-primary">{{ trans('global.add') }} {{ trans('global.opportunity') }}</a>
</div>
</div>
@endcan
</div>
<!--end breadcrumb-->
<hr/>
<div class="card">
<div class="card-body">
@include('layouts/notification')
<div class="table-responsive">
<table class="datatable table table-striped table-bordered" style="width:100%">
<thead>
<tr>
<th>Title</th>
<th>Slug</th>
<!--<th>Image</th>-->
<th>Partner</th>
<th>Date</th>
<th>Hours</th>
<th>No. of Volunteer</th>
<th>Status</th>
<th class="text-center sorting-none" width="50"> </th>
</tr>
</thead>
<tbody>
<?php $count = 0; ?>
@if($opportunities->count())
@foreach($opportunities as $key => $opportunity)
<?php $opportunity_img = URL::asset('images/no_img.png'); ?>
<?php
if(!empty($opportunity->feature_image)){
$opportunity_img = URL::asset('Opportunity/'.$opportunity->partner_id.'/'.$opportunity->opportunity_id.'/'.$opportunity->feature_image);
}
?>
<?php $count++; ?>
<tr data-entry-id="{{ $opportunity->opportunity_id }}">
<td>{{ $opportunity->opportunity_title }}</td>
<td>{{ $opportunity->slug }}</td>
<!--<td><img src="{{$opportunity_img}}" class="opportunity_file" height="40" /></td>-->
<td>{{ $opportunity->user_name }}</td>
<td>{{ $opportunity->start_date }}</td>
<td>{{ $opportunity->opportunity_hours }}</td>
<td>{{ $opportunity->no_of_volunteers }}</td>
<td>
<?php /* @can('opportunity_management_access') */ ?>
@if($opportunity->opportunity_status == 1)
<a class="btn btn-outline-success approve_this_opportunity approve_opportunity_id_{{$opportunity->opportunity_id}}" href="javascript:;" data_id="{{$opportunity->opportunity_id}}" data_status="0" href="javascript:;"><i class="fadeIn animated bx bx-user-check"></i> <span>{{trans('global.approved')}}</span></a>
@else
<a class="btn btn-outline-warning approve_this_opportunity approve_opportunity_id_{{$opportunity->opportunity_id}}" href="javascript:;" data_id="{{$opportunity->opportunity_id}}" data_status="1" href="javascript:;" ><i class="fadeIn animated bx bx-check-square"></i> <span>{{trans('global.pending')}}</span></a>
@endif
<?php /* @endcan */ ?>
</td>
<td >
<div class="btn-group">
@can('opportunity_show')
<a class="btn btn-xs btn-outline-primary" href="{{ route('admin.opportunities.show', $opportunity->opportunity_id) }}">
<i class="lni lni-eye"></i>
</a>
@endcan
@can('opportunity_edit')
<a class="btn btn-xs btn-outline-success" href="{{ route('admin.opportunities.edit', $opportunity->opportunity_id) }}">
<i class="fadeIn animated bx bx-edit-alt"></i>
</a>
@endcan
@can('opportunity_delete')
<form action="{{ route('admin.opportunities.destroy', $opportunity->opportunity_id) }}" method="POST" style="display: inline-block;">
<input type="hidden" name="_method" value="DELETE">
<input type="hidden" name="_token" value="{{ csrf_token() }}">
<button type="button" class="btn btn-xs btn-outline-danger" onclick="confirmdelet('{{$opportunity->opportunity_id}}');"><i class="fadeIn animated bx bx-trash-alt"></i></button>
<button type="submit" class="btn btn-xs btn-outline-danger hide d-none delete_button_{{$opportunity->opportunity_id}}" ><i class="fadeIn animated bx bx-trash-alt"></i></button>
</form>
@endcan
</div>
</td>
</tr>
@endforeach
@endif
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('script')
<script src="{{ asset('assets/plugins/datatable/js/jquery.dataTables.min.js')}}"></script>
<script src="{{ asset('assets/plugins/datatable/js/dataTables.bootstrap5.min.js')}}"></script>
<script>
@can('opportunity_management_access')
@endcan
$(document).ready(function(){
$('.datatable').DataTable();
$('.approve_this_opportunity').on('click', function(){
var op_status = $(this).attr('data_status');
var opportunity_id = $(this).attr('data_id');
var approveOpportunity = "{{ trans('global.approveOpportunity') }}";
var rejectOpportunity = "{{ trans('global.rejectOpportunity') }}";
var approved_text = "{{ trans('global.approved') }}";
var pending_text = "{{ trans('global.pending') }}";
if(op_status == 1){
var op_msg = approveOpportunity;
}else{
var op_msg = rejectOpportunity;
}
if(opportunity_id){
swal({
title: "{{ trans('global.areYouSure') }}",
text: op_msg,
icon: "info", //Success, warning, info, error
buttons: true,
})
.then((willComment) => {
if (willComment) {
var postData=new FormData();
postData.append('opportunity_id',opportunity_id);
postData.append('opportunity_status',op_status);
var url="{{ route('admin.opportunities.change_opportunity_status') }}";
$.ajax({
headers:{'X-CSRF-Token':'{{ csrf_token() }}'},
async:true,
type:"post",
dataType: 'json',
contentType:false,
url:url,
data:postData,
processData:false,
success:function(data){
if(data.status == 'success'){
if(op_status == 1){
$('.approve_opportunity_id_'+opportunity_id).removeClass('btn-outline-warning');
$('.approve_opportunity_id_'+opportunity_id).addClass('btn-outline-success');
$('.approve_opportunity_id_'+opportunity_id).attr('data_status',0);
$('.approve_opportunity_id_'+opportunity_id).find('i').attr('class','fadeIn animated bx bx-user-check');
$('.approve_opportunity_id_'+opportunity_id).find('span').html(approved_text);
}else{
$('.approve_opportunity_id_'+opportunity_id).removeClass('btn-outline-success');
$('.approve_opportunity_id_'+opportunity_id).addClass('btn-outline-warning');
$('.approve_opportunity_id_'+opportunity_id).attr('data_status',1);
$('.approve_opportunity_id_'+opportunity_id).find('i').attr('class','fadeIn animated bx bx-trash-alt');
$('.approve_opportunity_id_'+opportunity_id).find('span').html(pending_text);
}
swal("Done!",data.msg,"success");
}else{
swal("Opps!",data.msg,"error");
}
},
error: function(data, errorThrown){
swal("Opps!",errorThrown,"error");
},
});
}
});
}else{
swal("Opps!",'Not Found!',"error");
}
});
});
</script>
@endsection