@extends('backend.ayaan.master')
@section('title') Categories @endsection
@section('css')
<!-- DataTables -->
<link href="{{ asset('/assets/libs/datatables/datatables.min.css') }}" rel="stylesheet" type="text/css" />
@endsection
@section('content')
@component('components.breadcrumb')
@slot('li_1') Dashboards @endslot
@slot('title') Help Query @endslot
@endcomponent
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-body">
<div class="pt-3">
<div class="row justify-content-center">
<div class="col-xl-8">
<div>
<div class="text-center">
<div class="mb-4">
<a href="javascript: void(0);" class="badge bg-light font-size-12">
<i class="bx bx-purchase-tag-alt align-middle text-muted me-1"></i> Help info
</a>
</div>
<h4>Help request from {{$help->u_name ? $help->u_name:''}}</h4>
<p class="text-muted mb-4"><i class="mdi mdi-calendar me-1"></i> {{ $help->created_at->format(' D.m.y H:i') }}</p>
</div>
<hr>
<div class="text-center">
<div class="row">
<div class="col-sm-4">
<div>
<p class="text-muted mb-2">Company Name</p>
<h5 class="font-size-15">{{ $help->c_name?$help->c_name:''}}</h5>
</div>
</div>
<div class="col-sm-4">
<div class="mt-4 mt-sm-0">
<p class="text-muted mb-2">Date</p>
<h5 class="font-size-15">{{ $help->created_at->format(' D.m.y H:i') }}</h5>
</div>
</div>
<div class="col-sm-4">
<div class="mt-4 mt-sm-0">
<p class="text-muted mb-2">Post by</p>
<h5 class="font-size-15">{{$help->u_name? $help->u_name:''}}</h5>
</div>
</div>
</div>
</div>
<hr>
<div class="mt-4">
<div class="text-muted font-size-14">
<h2 class="text-center mb-5">#HELP DETAILS</h2>
<p>{!! $help->message !!}</p>
<div class="mt-4">
<h5 class="mb-3">Contact Info: </h5>
<div>
<div class="row">
<div class="col-lg-6 col-sm-6">
<div>
<ul class="ps-4">
<li class="py-1">{{$help->email?$help->email:''}}</li>
<li class="py-1">{{$help->phone?$help->phone:''}}</li>
<li class="py-1">{{$help->u_name? $help->u_name:''}}</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<hr>
</div>
<!--<div class="mt-5">-->
<!-- <h5 class="font-size-15"><i class="bx bx-message-dots text-muted align-middle me-1"></i> Comments :</h5>-->
<!-- <div>-->
<!-- <div class="d-flex py-3">-->
<!-- <div class="flex-shrink-0 me-3">-->
<!-- <div class="avatar-xs">-->
<!-- <div class="avatar-title rounded-circle bg-light text-primary">-->
<!-- <i class="bx bxs-user"></i>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="flex-grow-1">-->
<!-- <h5 class="font-size-14 mb-1">Delores Williams <small class="text-muted float-end">1 hr Ago</small></h5>-->
<!-- <p class="text-muted">If several languages coalesce, the grammar of the resulting language is more simple and regular than that of the individual</p>-->
<!-- <div>-->
<!-- <a href="javascript: void(0);" class="text-success"><i class="mdi mdi-reply"></i> Reply</a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="d-flex py-3 border-top">-->
<!-- <div class="flex-shrink-0 me-3">-->
<!-- <div class="avatar-xs">-->
<!-- <img src="assets/images/users/avatar-2.jpg" alt="" class="img-fluid d-block rounded-circle">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="flex-grow-1">-->
<!-- <h5 class="font-size-14 mb-1">Clarence Smith <small class="text-muted float-end">2 hrs Ago</small></h5>-->
<!-- <p class="text-muted">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet</p>-->
<!-- <div>-->
<!-- <a href="javascript: void(0);" class="text-success"><i class="mdi mdi-reply"></i> Reply</a>-->
<!-- </div>-->
<!-- <div class="d-flex pt-3">-->
<!-- <div class="flex-shrink-0 me-3">-->
<!-- <div class="avatar-xs">-->
<!-- <div class="avatar-title rounded-circle bg-light text-primary">-->
<!-- <i class="bx bxs-user"></i>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="flex-grow-1">-->
<!-- <h5 class="font-size-14 mb-1">Silvia Martinez <small class="text-muted float-end">2 hrs Ago</small></h5>-->
<!-- <p class="text-muted">To take a trivial example, which of us ever undertakes laborious physical exercise</p>-->
<!-- <div>-->
<!-- <a href="javascript: void(0);" class="text-success"><i class="mdi mdi-reply"></i> Reply</a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="d-flex py-3 border-top">-->
<!-- <div class="flex-shrink-0 me-3">-->
<!-- <div class="avatar-xs">-->
<!-- <div class="avatar-title rounded-circle bg-light text-primary">-->
<!-- <i class="bx bxs-user"></i>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="flex-grow-1">-->
<!-- <h5 class="font-size-14 mb-1">Keith McCoy <small class="text-muted float-end">12 Aug</small></h5>-->
<!-- <p class="text-muted">Donec posuere vulputate arcu. phasellus accumsan cursus velit</p>-->
<!-- <div>-->
<!-- <a href="javascript: void(0);" class="text-success"><i class="mdi mdi-reply"></i> Reply</a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="mt-4">-->
<!-- <h5 class="font-size-16 mb-3">Leave a Message</h5>-->
<!-- <form>-->
<!-- <div class="row">-->
<!-- <div class="col-md-6">-->
<!-- <div class="mb-3">-->
<!-- <label for="commentname-input" class="form-label">Name</label>-->
<!-- <input type="text" class="form-control" id="commentname-input" placeholder="Enter name">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-6">-->
<!-- <div class="mb-3">-->
<!-- <label for="commentemail-input" class="form-label">Email</label>-->
<!-- <input type="email" class="form-control" id="commentemail-input" placeholder="Enter email">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="mb-3">-->
<!-- <label for="commentmessage-input" class="form-label">Message</label>-->
<!-- <textarea class="form-control" id="commentmessage-input" placeholder="Your message..." rows="3"></textarea>-->
<!-- </div>-->
<!-- <div class="text-end">-->
<!-- <button type="submit" class="btn btn-success w-sm">Submit</button>-->
<!-- </div>-->
<!-- </form>-->
<!-- </div>-->
<!--</div>-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('script')
<!-- Required datatable js -->
<script src="{{ asset('/assets/libs/datatables/datatables.min.js') }}"></script>
<script src="{{ asset('/assets/libs/jszip/jszip.min.js') }}"></script>
<script src="{{ asset('/assets/libs/pdfmake/pdfmake.min.js') }}"></script>
<!-- Datatable init js -->
<script type="text/javascript">
$(function () {
$(document).ready(function () {
var table = $('#datatable-buttons').DataTable({
lengthChange: false,
processing: true,
dom: 'Bfrtip',
serverSide: true,
ajax: "{{ route('admin.category.index') }}",
columns: [
{data: 'DT_RowIndex', name: 'DT_RowIndex'},
{data: 'pic', name: 'pic'},
{data: 'name', name: 'name'},
{data: 'parent', name: 'parent'},
{data: 'subcat', name: 'subcat'},
{data: 'statuschange', name: 'statuschange'},
{
data: 'action',
name: 'action',
orderable: true,
searchable: true
},
],
buttons: ['copy', 'excel', 'pdf', 'colvis']
});
table.buttons().container().appendTo('#datatable-buttons_wrapper .col-md-6:eq(0)');
$(".dataTables_length select").addClass('form-select form-select-sm');
});
});
</script>
@endsection
{{--
@extends('backend.layouts.app')
@push('style')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css" integrity="sha256-2XFplPlrFClt0bIdPgpz8H7ojnk10H69xRqd9+uTShA=" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ti-icons@0.1.2/css/themify-icons.css">
@endpush
@section('content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-7 col-lg-4 mb-5 mb-lg-0 wow fadeIn">
<div class="card border-0 shadow">
<div class="card-body p-1-9 p-xl-5">
<div class="mb-4">
<h3 class="h4 mb-0">{{$help->name}}</h3>
<span class="text-primary">{{translate("CEO & Founder")}}</span>
</div>
<ul class="list-unstyled mb-4">
<li class="mb-3"><a href="#!"><i class="far fa-envelope display-25 me-3 text-secondary"></i> {{$help->email}}</a></li>
<li class="mb-3"><a href="#!"><i class="fas fa-mobile-alt display-25 me-3 text-secondary"></i> {{$help->phone}}</a></li>
<li><a href="#!"><i class="fas fa-map-marker-alt display-25 me-3 text-secondary"></i> {{$help->c_name}}</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-8">
<div class="ps-lg-1-6 ps-xl-5">
<div class="mb-5 wow fadeIn">
<div class="text-start mb-1-6 wow fadeIn">
<h2 class="h1 mb-0 text-primary">{{translate("#HELP (Details)")}}</h2>
</div>
<p>{!! $help->message !!}</p>
</div>
<div class="mb-5 wow fadeIn">
<div class="text-start mb-1-6 wow fadeIn">
<h2 class="mb-0 text-primary">{{translate("#Info")}}</h2>
</div>
<div class="row mt-n4">
<div class="col-sm-6 col-xl-4 mt-4">
<div class="card text-center border-0 rounded-3">
<div class="card-body">
<i class="ti-home icon-box medium rounded-3 mb-4"></i>
<h3 class="h5 mb-3">{{translate("Company Name")}}</h3>
<p class="mb-0">{{$help->c_name}}</p>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-4 mt-4">
<div class="card text-center border-0 rounded-3">
<div class="card-body">
<i class="ti-flag icon-box medium rounded-3 mb-4"></i>
<h3 class="h5 mb-3">{{translate("User Name")}}</h3>
<p class="mb-0">{{$help->u_name}}</p>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-4 mt-4">
<div class="card text-center border-0 rounded-3">
<div class="card-body">
<i class="ti-notepad icon-box medium rounded-3 mb-4"></i>
<h3 class="h5 mb-3">{{translate("Time & Date")}}</h3>
<p class="mb-0"><b>{{ $help->created_at->format(' D.m.y H:i') }}</b></p>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-4">
<a class="btn btn-danger btn-xl confirmDelete" href="{{url('b2b/contactus/delete',$help->id)}}">{{translate("Delete")}}</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@stop
@push('script')
@endpush
--}}