| DIR: /var/www/devs.lapieza.net/resources/views/frontend/user/workshop_request/ |
| Current File : /var/www/devs.lapieza.net/resources/views/frontend/user/workshop_request/index.blade.php |
@extends('frontend.layouts.user_panel')
@section('panel_content')
<div class="card shadow-none rounded-15p border">
<div class="card-header border-bottom-0">
<h5 class="mb-0 fs-20 fw-700 text-dark">Solicitudes de servicio</h5>
</div>
<div class="card-body">
<!-- Pagination -->
<div class="aiz-pagination mt-2">
<div class="row">
{{-- Solicitudes de Servicio --}}
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h5 class="mb-0 h6">Compras realizados</h5>
</div>
<div class="card-body">
<div class="table-responsive-sm">
<table id="orderdatatablet" class="table">
<thead class="thead-dark">
<tr>
<th>Codigo de compra</th>
<th>Fecha de compra</th>
<th class="text-center">Estado</th>
<th class="text-center"></th>
</tr>
</thead>
<tbody>
@foreach ($orders as $order)
<tr>
<td>{{$order->code}}</td>
<td>{{$order->created_at->locale('es')->format('d F Y h:i A') }}</td>
<td class="text-center">
@if($order->has('service')->exists())
<span class="d-inline-block" tabindex="0"
data-toggle="tooltip" title="Ya solicitaste servicio">
<div class="alert alert-success" role="alert">
<svg xmlns="http://www.w3.org/2000/svg"
width="16" height="16" fill="currentColor"
class="bi bi-send-check-fill"
viewBox="0 0 16 16">
<path
d="M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855H.766l-.452.18a.5.5 0 0 0-.082.887l.41.26.001.002 4.995 3.178 1.59 2.498C8 14 8 13 8 12.5a4.5 4.5 0 0 1 5.026-4.47L15.964.686Zm-1.833 1.89L6.637 10.07l-.215-.338a.5.5 0 0 0-.154-.154l-.338-.215 7.494-7.494 1.178-.471-.47 1.178Z"/>
<path
d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-1.993-1.679a.5.5 0 0 0-.686.172l-1.17 1.95-.547-.547a.5.5 0 0 0-.708.708l.774.773a.75.75 0 0 0 1.174-.144l1.335-2.226a.5.5 0 0 0-.172-.686Z"/>
</svg>
</div>
</span>
@else
<span class="d-inline-block" tabindex="0"
data-toggle="tooltip" title="Solicita servicio">
<div class="alert alert-warning" role="alert">
<svg xmlns="http://www.w3.org/2000/svg"
width="16" height="16" fill="currentColor"
class="bi bi-send-exclamation-fill"
viewBox="0 0 16 16">
<path
d="M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855H.766l-.452.18a.5.5 0 0 0-.082.887l.41.26.001.002 4.995 3.178 1.59 2.498C8 14 8 13 8 12.5a4.5 4.5 0 0 1 5.026-4.47L15.964.686Zm-1.833 1.89L6.637 10.07l-.215-.338a.5.5 0 0 0-.154-.154l-.338-.215 7.494-7.494 1.178-.471-.47 1.178Z"/>
<path
d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.5-5v1.5a.5.5 0 0 1-1 0V11a.5.5 0 0 1 1 0Zm0 3a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/>
</svg>
</div>
</span>
@endif
</td>
<td class="text-center">
<div class="btn-group" role="group"
aria-label="Button group with nested dropdown">
<span class="d-inline-block" tabindex="0"
data-toggle="tooltip" title="Ver detalle">
<button type="button" class="btn btn-primary"
data-toggle="modal"
data-target="#order_{{ $order->id }}">
<svg xmlns="http://www.w3.org/2000/svg"
width="16" height="16" fill="currentColor"
class="bi bi-eye-fill" viewBox="0 0 16 16">
<path
d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z"/>
<path
d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z"/>
</svg>
</button>
</span>
</div>
</td>
</tr>
<div class="modal fade" id="order_{{ $order->id }}" tabindex="-1"
role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="order_Label">Detalles de orden
de compra</h5>
<button type="button" class="close" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<!-- Order Code -->
<div class="text-center py-1 mb-4">
<h2 class="h5 fs-20">{{ translate('Order Code:')}} <span
class="fw-700 text-primary">{{ $order->code }}</span>
</h2>
</div>
<!-- Detalles del pedido -->
<div>
<h5 class="fw-600 text-soft-dark mb-3 fs-16 pb-2">{{ translate('Order Details')}}</h5>
<!-- Detalles del producto -->
<div class="row">
@if ($order->category_translation_id == 1)
<div class="col-md-8">
<!-- Contenido del primer div -->
<!-- Detalles del producto -->
@foreach ($order->orderDetails as $key => $orderDetail)
<div class="card mb-3"
style="max-width: 100%;">
<div class="row no-gutters">
<div class="col-md-4">
{{-- <img src="..." class="card-img" alt="..."> --}}
@php
$photos = explode(',', $orderDetail->product->photos);
@endphp
<div id="imageSlider"
class="carousel slide"
data-ride="carousel"
style="max-width: 100%;">
<div
class="carousel-inner">
@foreach ($photos as $index => $photo)
<div
class="carousel-item {{ $index == 0 ? 'active' : '' }}">
<img
src="{{ uploaded_asset($photo) }}"
class="d-block w-100"
style="object-fit: contain; max-height: 250px; max-width: 100%;"
alt="...">
</div>
@endforeach
</div>
<a class="carousel-control-prev"
href="#imageSlider"
role="button"
data-slide="prev">
<span
class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span
class="sr-only">Previous</span>
</a>
<a class="carousel-control-next"
href="#imageSlider"
role="button"
data-slide="next">
<span
class="carousel-control-next-icon"
aria-hidden="true"></span>
<span
class="sr-only">Next</span>
</a>
</div>
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">{{ $orderDetail->product->getTranslation('name') }}</h5>
<p class="card-text">{{ translate('Variation')}}
: {{ $orderDetail->variation }}</p>
<p class="card-text">{{ translate('Quantity')}}
: {{ $orderDetail->quantity }}</p>
<p class="card-text">{{ translate('Delivery Type')}}
:
@if ($order->shipping_type != null && $order->shipping_type == 'home_delivery')
{{ translate('Home Delivery') }}
@elseif ($order->shipping_type != null && $order->shipping_type == 'carrier')
{{ translate('Carrier') }}
@elseif ($order->shipping_type == 'pickup_point')
@if ($order->pickup_point != null)
{{ $order->pickup_point->getTranslation('name') }}
({{ translate('Pickip Point') }}
)
@endif
@endif
</p>
<p class="card-text">{{ translate('Price')}}
: {{ $orderDetail->price }}</p>
{{-- <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> --}}
</div>
</div>
</div>
</div>
@endforeach
</div>
@if ($order->workshop_request == 0)
<div class="col-md-4">
<div class="card" style="width: 18rem;">
<img
src="https://img.freepik.com/vector-gratis/ilustracion-concepto-mecanico-automatico_114360-16748.jpg?w=740&t=st=1697213925~exp=1697214525~hmac=2698c0414da82035a6cfa025b87ab0738fc414cdb4ca4a9f214329b221552231"
alt="Taller mecánico"
class="img-fluid">
<div class="card-body">
<h5 class="card-title">¡Solicita
la instalación de este
producto ahora!</h5>
<p class="card-text">Contamos
con una amplia red de
talleres que pueden
ofrecerte un presupuesto
para la instalación de este
producto. Aprovecha esta
oportunidad y descubre
excelentes ofertas.</p>
<form
action="{{ route('register.workshop_Client.store') }}"
method="POST">
@csrf
@foreach ($order->orderDetails as $key => $orderDetail)
<input type="hidden"
name="productID"
value="{{ $orderDetail->product_id }}">
<input type="hidden"
name="userID"
value="{{ $order->user_id }}">
<input type="hidden"
name="orderID"
value="{{ $order->id }}">
@endforeach
<button type="submit"
class="btn btn-primary"
id="solicitarOfertasButton"
data-target="#order_{{ $order->id }}">
Solicitar ofertas de
instalación de servicio
para este producto
</button>
</form>
</div>
</div>
</div>
@else
<div class="col-md-4">
<div class="card" style="width: 18rem;">
<img
src="https://cdni.iconscout.com/illustration/premium/thumb/quality-check-4472445-3858250.png"
alt="Taller mecánico"
class="img-fluid">
<div class="card-body">
<h5 class="card-title">Gracias
por preferirnos</h5>
<p class="card-text">En estos
momentos, los diferentes
talleres ubicados en la
ciudad te harán solicitud, y
tú decidirás cuál es la
mejor oferta según tus
necesidades. Esto lo
encontrarás en tu panel de
perfil, en la sección
"SOLICITUDES".</p>
<button type="submit"
class="btn btn-primary"
disabled>Esta solicitud
durará 24 horas y el botón
se activará nuevamente
</button>
</div>
</div>
</div>
@endif
@else
<div class="col-md-12">
@foreach ($order->orderDetails as $key => $orderDetail)
<div class="card mb-3"
style="max-width: 100%;">
<div class="row no-gutters">
<div class="col-md-4">
{{-- <img src="..." class="card-img" alt="..."> --}}
@php
$photos = explode(',', $orderDetail->product->photos);
@endphp
<div id="imageSlider"
class="carousel slide"
data-ride="carousel"
style="max-width: 100%;">
<div
class="carousel-inner">
@foreach ($photos as $index => $photo)
<div
class="carousel-item {{ $index == 0 ? 'active' : '' }}">
<img
src="{{ uploaded_asset($photo) }}"
class="d-block w-100"
style="object-fit: contain; max-height: 250px; max-width: 100%;"
alt="...">
</div>
@endforeach
</div>
<a class="carousel-control-prev"
href="#imageSlider"
role="button"
data-slide="prev">
<span
class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span
class="sr-only">Previous</span>
</a>
<a class="carousel-control-next"
href="#imageSlider"
role="button"
data-slide="next">
<span
class="carousel-control-next-icon"
aria-hidden="true"></span>
<span
class="sr-only">Next</span>
</a>
</div>
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">{{ $orderDetail->product->getTranslation('name') }}</h5>
<p class="card-text">{{ translate('Variation')}}
: {{ $orderDetail->variation }}</p>
<p class="card-text">{{ translate('Quantity')}}
: {{ $orderDetail->quantity }}</p>
<p class="card-text">{{ translate('Delivery Type')}}
:
@if ($order->shipping_type != null && $order->shipping_type == 'home_delivery')
{{ translate('Home Delivery') }}
@elseif ($order->shipping_type != null && $order->shipping_type == 'carrier')
{{ translate('Carrier') }}
@elseif ($order->shipping_type == 'pickup_point')
@if ($order->pickup_point != null)
{{ $order->pickup_point->getTranslation('name') }}
({{ translate('Pickip Point') }}
)
@endif
@endif
</p>
<p class="card-text">{{ translate('Price')}}
: {{ $orderDetail->price }}</p>
{{-- <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> --}}
</div>
</div>
</div>
</div>
@endforeach
</div>
@endif
</div>
</div>
</div>
</div>
</div>
</div>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
{{-- Solicitudes de Servicio END --}}
{{-- Solicitudes de Servicio --}}
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h5 class="mb-0 h6">Propuestas de servicio</h5>
</div>
<div class="card-body">
<div class="table-responsive-sm">
<table id="workshop_Service_Proposals" class="table">
<thead class="thead-dark">
<tr>
<th scope="row">N#</th>
<th>Codigo de compra</th>
{{-- <th>Fecha de propuesta</th> --}}
<th>Estado</th>
<th class="text-center"></th>
</tr>
</thead>
<tbody>
{{--@php
$counter = count($workshopServiceProposals);
@endphp--}}
{{--@foreach ($workshopServiceProposals as $workshopService)
<tr>
<td>{{ $counter }}</td>
<td>{{ $workshopService->order->code }}</td>
--}}{{-- <td>{{ $workshopService->created_at->locale('es')->format('d F Y h:i A') }}</td> --}}{{--
<th>
@if ($workshopService->client_accepts_mechanic == 1)
<span class="d-inline-block" tabindex="0" data-toggle="tooltip"
title="Acepto servicio">
<div class="alert alert-success" role="alert">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-check-circle-fill"
viewBox="0 0 16 16">
<path
d="M8 0a8 8 0 1 0 8 8A8 8 0 0 0 8 0zm3.97 5.97a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06 0l-2-2a.75.75 0 0 1 1.06-1.06l1.47 1.47 3.47-3.47a.75.75 0 0 1 1.06 0z"/>
</svg>
</div>
</span>
@else
<span class="d-inline-block" tabindex="0" data-toggle="tooltip"
title="Esperando aceptación">
<div class="alert alert-info" role="alert">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-clock-fill" viewBox="0 0 16 16">
<path
d="M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zm3 8H8V5a.5.5 0 0 1 1 0v3h3a.5.5 0 0 1 0 1z"/>
</svg>
</div>
</span>
@endif
</th>
<td class="text-center">
--}}{{-- <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#proposal_{{ $workshopService->id }}">Ver detalles</button>
</div> --}}{{--
<span class="d-inline-block" tabindex="0" data-toggle="tooltip"
title="Ver detalle">
<button type="button" class="btn btn-primary"
data-toggle="modal"
data-target="#proposal_{{ $workshopService->id }}">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-eye-fill" viewBox="0 0 16 16">
<path
d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z"/>
<path
d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z"/>
</svg>
</button>
</span>
</td>
</tr>
@php
$counter--;
@endphp
--}}{{-- modal de ver --}}{{--
<div class="modal fade" id="proposal_{{ $workshopService->id }}"
tabindex="-1" role="dialog" aria-labelledby="proposal_Label"
aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="proposal_Label">Detalles de
solicitud</h5>
<button type="button" class="close" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="card">
<div class="card-body">
@php
$acceptedProposal = $workshopServiceProposals->where('order_id', $workshopService->order_id)
->whereNotNull('client_accepts_mechanic')
->first();
@endphp
@if ($acceptedProposal)
@if ($acceptedProposal->id == $workshopService->id)
<p class="alert alert-warning">Su solicitud
ha sido aceptada. No se recibirán más
solicitudes de negocios sobre esta orden
de compra. Para continuar es necesario
realizar el pago del servicio</p>
<div class="row">
<div class="col-sm-8">
<h5 class="card-title">Seleccionar
el método de pago</h5>
<div class="row">
<div class="col-md-2">
<label>{{ translate('Payment Type') }}</label>
</div>
<div class="col-md-8">
<div class="mb-3">
<select
class="form-control aiz-selectpicker nombre_nueva_clase">
<option
value="">{{ translate('Select One') }}</option>
<option
value="online">{{ translate('Online payment') }}</option>
<option
value="offline">{{ translate('Offline payment') }}</option>
</select>
</div>
</div>
</div>
<div class="card"
id="onlinePaymentCard"
style="display: none;">
<div class="card-body">
<h5 class="card-title">{{ translate('Online payment') }}</h5>
<form class=""
id="package_payment_form"
action="{{ route('frontend.user.workshop_request.purchase_package') }}"
method="post">
@csrf
<input type="hidden"
name="workshopService_id"
value="{{ $workshopService->id }}">
<div class="modal-body"
style="overflow-y: unset;">
<div class="row">
<div
class="col-md-2">
<label>{{ translate('Payment Method') }}</label>
</div>
<div
class="col-md-10">
<div
class="mb-3">
<select
class="form-control"
name="payment_type">
@if (get_setting('paypal_payment') == 1)
<option
value="paypal">{{ translate('Paypal') }}</option>
@endif
@if (get_setting('stripe_payment') == 1)
<option
value="stripe">{{ translate('Stripe') }}</option>
@endif
@if (get_setting('mercadopago_payment') == 1)
<option
value="mercadopago">{{ translate('Mercadopago') }}</option>
<option
value="paypal">{{ translate('Paypal') }}</option>
@endif
@if (get_setting('toyyibpay_payment') == 1)
<option
value="toyyibpay">{{ translate('ToyyibPay') }}</option>
@endif
@if (get_setting('sslcommerz_payment') == 1)
<option
value="sslcommerz">{{ translate('sslcommerz') }}</option>
@endif
@if (get_setting('instamojo_payment') == 1)
<option
value="instamojo">{{ translate('Instamojo') }}</option>
@endif
@if (get_setting('razorpay') == 1)
<option
value="razorpay">{{ translate('RazorPay') }}</option>
@endif
@if (get_setting('paystack') == 1)
<option
value="paystack">{{ translate('PayStack') }}</option>
@endif
@if (get_setting('payhere') == 1)
<option
value="payhere">{{ translate('Payhere') }}</option>
@endif
@if (get_setting('ngenius') == 1)
<option
value="ngenius">{{ translate('Ngenius') }}</option>
@endif
@if (get_setting('iyzico') == 1)
<option
value="iyzico">{{ translate('Iyzico') }}</option>
@endif
@if (get_setting('nagad') == 1)
<option
value="nagad">{{ translate('Nagad') }}</option>
@endif
@if (get_setting('bkash') == 1)
<option
value="bkash">{{ translate('Bkash') }}</option>
@endif
@if (get_setting('aamarpay') == 1)
<option
value="aamarpay">{{ translate('Amarpay') }}</option>
@endif
@if (addon_is_activated('african_pg'))
@if (get_setting('mpesa') == 1)
<option
value="mpesa">{{ translate('Mpesa') }}</option>
@endif
@if (get_setting('flutterwave') == 1)
<option
value="flutterwave">{{ translate('Flutterwave') }}</option>
@endif
@if (get_setting('payfast') == 1)
<option
value="payfast">{{ translate('PayFast') }}</option>
@endif
@endif
@if (addon_is_activated('paytm'))
@if (get_setting('myfatoorah') == 1)
<option
value="myfatoorah">{{ translate('MyFatoorah') }}</option>
@endif
@if (get_setting('khalti_payment') == 1)
<option
value="khalti">{{ translate('Khalti') }}</option>
@endif
@endif
</select>
</div>
</div>
</div>
<div
class="form-group text-right">
<button
type="button"
class="btn btn-sm btn-secondary transition-3d-hover mr-1"
data-dismiss="modal">{{ translate('cancel') }}</button>
<button
type="submit"
class="btn btn-sm btn-primary transition-3d-hover mr-1">{{ translate('Confirm') }}</button>
</div>
</div>
</form>
</div>
</div>
<div class="card"
id="offlinePaymentCard"
style="display: none;">
<div class="card-body">
<div class="modal-content">
<div
class="modal-header">
<h5 class="modal-title strong-600 heading-5">{{ translate('Offline Package Payment') }}</h5>
<button
type="button"
class="close"
data-dismiss="modal"
aria-label="Close">
<span
aria-hidden="true">×</span>
</button>
</div>
<div
id="offline_seller_package_purchase_modal_body"></div>
</div>
</div>
</div>
</div>
</div>
@else
<p class="alert alert-primary">Ya has
aceptado una propuesta de servicio para
esta orden. Por ese motivo, no puedes
aceptar esta nueva propuesta.</p>
@endif
@else
<p class="alert alert-info">Observa los detalles
de esta propuesta de servicio y, si te
gusta, acepta para continuar con el proceso
de pago. Recuerda que esta propuesta tiene
una duración de 24 en el momento que
solicitaste servicio.</p>
<button type="button"
class="btn btn-primary acceptServiceButton"
data-workshop-service-id="{{ $workshopService->id }}">
Aceptar servicio
</button>
@endif
--}}{{--
ASI ESTABA ANTES lo dejo por si algo sale mal
@if (is_null($workshopService->client_accepts_mechanic))
<p class="alert alert-info">Observa los detalles de esta propuesta de servicio y, si te gusta, acepta para continuar con el proceso de pago. Recuerda que esta propuesta tiene una duración de 24 en el momento que solicitaste servicio.</p>
<button type="button" class="btn btn-primary acceptServiceButton" data-workshop-service-id="{{ $workshopService->id }}">Aceptar servicio</button>
@else
<p class="alert alert-warning">Su solicitud ha sido aceptada. No se recibirán más solicitudes de negocios sobre esta orden de compra. Para continuar es necesario realizar el pago del servicio</p>
<div class="row">
<div class="col-sm-8">
<h5 class="card-title">Seleccionar el método de pago</h5>
<div class="row">
<div class="col-md-2">
<label>{{ translate('Payment Type') }}</label>
</div>
<div class="col-md-8">
<div class="mb-3">
<select class="form-control aiz-selectpicker nombre_nueva_clase">
<option value="">{{ translate('Select One') }}</option>
<option value="online">{{ translate('Online payment') }}</option>
<option value="offline">{{ translate('Offline payment') }}</option>
</select>
</div>
</div>
</div>
<div class="card" id="onlinePaymentCard" style="display: none;">
<div class="card-body">
<h5 class="card-title">{{ translate('Online payment') }}</h5>
<form class="" id="package_payment_form" action="{{ route('frontend.user.workshop_request.purchase_package') }}"
method="post">
@csrf
<input type="hidden" name="workshopService_id" value="{{ $workshopService->id }}">
<div class="modal-body" style="overflow-y: unset;">
<div class="row">
<div class="col-md-2">
<label>{{ translate('Payment Method') }}</label>
</div>
<div class="col-md-10">
<div class="mb-3">
<select class="form-control" name="payment_type">
@if (get_setting('paypal_payment') == 1)
<option value="paypal">{{ translate('Paypal') }}</option>
@endif
@if (get_setting('stripe_payment') == 1)
<option value="stripe">{{ translate('Stripe') }}</option>
@endif
@if (get_setting('mercadopago_payment') == 1)
<option value="mercadopago">{{ translate('Mercadopago') }}</option>
<option value="paypal">{{ translate('Paypal') }}</option>
@endif
@if (get_setting('toyyibpay_payment') == 1)
<option value="toyyibpay">{{ translate('ToyyibPay') }}</option>
@endif
@if (get_setting('sslcommerz_payment') == 1)
<option value="sslcommerz">{{ translate('sslcommerz') }}</option>
@endif
@if (get_setting('instamojo_payment') == 1)
<option value="instamojo">{{ translate('Instamojo') }}</option>
@endif
@if (get_setting('razorpay') == 1)
<option value="razorpay">{{ translate('RazorPay') }}</option>
@endif
@if (get_setting('paystack') == 1)
<option value="paystack">{{ translate('PayStack') }}</option>
@endif
@if (get_setting('payhere') == 1)
<option value="payhere">{{ translate('Payhere') }}</option>
@endif
@if (get_setting('ngenius') == 1)
<option value="ngenius">{{ translate('Ngenius') }}</option>
@endif
@if (get_setting('iyzico') == 1)
<option value="iyzico">{{ translate('Iyzico') }}</option>
@endif
@if (get_setting('nagad') == 1)
<option value="nagad">{{ translate('Nagad') }}</option>
@endif
@if (get_setting('bkash') == 1)
<option value="bkash">{{ translate('Bkash') }}</option>
@endif
@if (get_setting('aamarpay') == 1)
<option value="aamarpay">{{ translate('Amarpay') }}</option>
@endif
@if (addon_is_activated('african_pg'))
@if (get_setting('mpesa') == 1)
<option value="mpesa">{{ translate('Mpesa') }}</option>
@endif
@if (get_setting('flutterwave') == 1)
<option value="flutterwave">{{ translate('Flutterwave') }}</option>
@endif
@if (get_setting('payfast') == 1)
<option value="payfast">{{ translate('PayFast') }}</option>
@endif
@endif
@if (addon_is_activated('paytm'))
@if (get_setting('myfatoorah') == 1)
<option value="myfatoorah">{{ translate('MyFatoorah') }}</option>
@endif
@if (get_setting('khalti_payment') == 1)
<option value="khalti">{{ translate('Khalti') }}</option>
@endif
@endif
</select>
</div>
</div>
</div>
<div class="form-group text-right">
<button type="button" class="btn btn-sm btn-secondary transition-3d-hover mr-1"
data-dismiss="modal">{{ translate('cancel') }}</button>
<button type="submit"
class="btn btn-sm btn-primary transition-3d-hover mr-1">{{ translate('Confirm') }}</button>
</div>
</div>
</form>
</div>
</div>
<div class="card" id="offlinePaymentCard" style="display: none;">
<div class="card-body">
<h5 class="card-title">{{ translate('Offline payment') }}</h5>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
</div>
</div>
@endif
--}}{{--
</div>
</div>
<div class="row">
--}}{{--@foreach ($workshopService->order->orderDetails as $key => $orderDetail)
<div class="col-md-6 mb-3">
<div class="card" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
--}}{{----}}{{-- <img src="{{ $orderDetail->product->photos }}" class="card-img" alt="..."> --}}{{----}}{{--
@php
$photos = explode(',', $orderDetail->product->photos);
@endphp
<div id="imageSlider"
class="carousel slide"
data-ride="carousel"
style="max-width: 100%;">
<div class="carousel-inner">
@foreach ($photos as $index => $photo)
<div
class="carousel-item {{ $index == 0 ? 'active' : '' }}">
<img
src="{{ uploaded_asset($photo) }}"
class="d-block w-100"
style="object-fit: contain; max-height: 150px; max-width: 100%;"
alt="...">
</div>
@endforeach
</div>
<a class="carousel-control-prev"
href="#imageSlider"
role="button"
data-slide="prev">
<span
class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next"
href="#imageSlider"
role="button"
data-slide="next">
<span
class="carousel-control-next-icon"
aria-hidden="true"></span>
<span
class="sr-only">Next</span>
</a>
</div>
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">
Producto</h5>
<p class="card-text">{{ $orderDetail->product->name }}</p>
--}}{{----}}{{-- <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> --}}{{----}}{{--
</div>
</div>
</div>
</div>
</div>
@endforeach--}}{{--
</div>
<hr>
<div class="card">
<div class="card-header">
<h5 class="card-title">Información del taller:</h5>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-6">
<h5 class="card-title">Nombre de
usuario:</h5>
<p class="card-text"></p>
</div>
<div class="col-md-6">
<h5 class="card-title">Nombre del
taller:</h5>
<p class="card-text"></p>
</div>
</div>
<hr>
<h5 class="card-title">Dirección:</h5>
<p class="card-text">
Dirección: </p>
<p class="card-text">
País: </p>
<p class="card-text">
Estado: }</p>
<p class="card-text">
Ciudad: </p>
<p class="card-text">Codigo
Postal: </p>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="card-title">Propuesta del taller:</h5>
</div>
<div class="card-body">
<h5 class="card-title">Nota:</h5>
<p class="card-text"></p>
<hr>
<h5 class="card-title">Monto de instalacion:</h5>
<p class="card-text"></p>
<hr>
<div class="row">
<div class="col-md-6">
<h5 class="card-title">Fecha de inicio:</h5>
<p class="card-text"></p>
</div>
<div class="col-md-6">
<h5 class="card-title">Fecha final:</h5>
<p class="card-text"></p>
</div>
</div>
<hr>
<h5 class="card-title">Tiempo estimado:</h5>
<p class="card-text">
Horas</p>
<hr>
</div>
<div class="card-footer text-muted">
Fecha creacion
propuesta:
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary"
data-dismiss="modal">Cerrar
</button>
</div>
</div>
</div>
</div>
@endforeach--}}
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
<link rel="stylesheet" type="text/css"
href="https://cdn.datatables.net/v/bs5/dt-1.13.1/r-2.4.0/datatables.min.css"/>
@section('script')
<script type="text/javascript" src="https://cdn.datatables.net/v/bs5/dt-1.13.1/r-2.4.0/datatables.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
{{-- <script>
document.addEventListener("DOMContentLoaded", function() {
var selectElement = document.querySelector('select[name="payment_option"]');
var hiddenInputElement = document.querySelector('input[name="payment_option"]');
selectElement.addEventListener('change', function() {
hiddenInputElement.value = selectElement.value;
});
});
</script> --}}
<script>
$(document).ready(function () {
$('#orderdatatablet').DataTable({
responsive: true,
"autoWidth": false,
language: {
searchPlaceholder: "Buscar...",
search: "",
url: "//cdn.datatables.net/plug-ins/1.13.1/i18n/es-ES.json",
},
'order': [],
'columnDefs': [{
orderable: false,
targets: 0
}, // Disable ordering on column 0 (checkbox)
],
});
});
</script>
<script>
$(document).ready(function () {
$('#workshop_Service_Proposals').DataTable({
responsive: true,
"autoWidth": false,
language: {
searchPlaceholder: "Buscar...",
search: "",
url: "//cdn.datatables.net/plug-ins/1.13.1/i18n/es-ES.json",
},
'order': [],
'columnDefs': [{
orderable: false,
targets: 0
}, // Disable ordering on column 0 (checkbox)
],
});
});
</script>
<script>
$(document).ready(function () {
$('.acceptServiceButton').on('click', function () {
var workshopServiceId = $(this).data('workshop-service-id');
$.ajax({
url: '{{ route('frontend.user.workshop_request.update', '') }}/' + workshopServiceId,
type: 'PUT',
data: {_token: '{{ csrf_token() }}'},
success: function (response) {
// Si la solicitud se realizó correctamente, guardar el estado en el almacenamiento local
localStorage.setItem('acceptServiceButtonClicked', workshopServiceId);
// Recargar la página
location.reload();
},
error: function () {
// Si hay un error, muestra un mensaje al usuario
alert('Error al aceptar el servicio');
}
});
});
// Verificar si se hizo clic en el botón "Aceptar servicio" antes de recargar la página
var workshopServiceId = localStorage.getItem('acceptServiceButtonClicked');
if (workshopServiceId) {
// Eliminar el estado del botón del almacenamiento local
localStorage.removeItem('acceptServiceButtonClicked');
// Abrir el modal correspondiente al botón "Aceptar servicio" actual
$('#proposal_' + workshopServiceId).modal('show');
}
});
</script>
{{-- <script>
$(document).ready(function() {
// Verificar si se hizo clic en el botón antes de recargar la página
var isButtonClicked = localStorage.getItem('solicitarOfertasButtonClicked');
if (isButtonClicked) {
// Eliminar el estado del botón del almacenamiento local
localStorage.removeItem('solicitarOfertasButtonClicked');
// Obtener el ID del modal correspondiente al botón
var targetModal = $('#solicitarOfertasButton').attr('data-target');
// Abrir el modal correspondiente al botón
$(targetModal).modal('show');
}
// Agregar el evento de clic al botón "Solicitar ofertas de instalación de servicio para este producto"
$(document).on('click', '#solicitarOfertasButton', function() {
// Guardar el estado del botón en el almacenamiento local
localStorage.setItem('solicitarOfertasButtonClicked', true);
});
});
</script> --}}
<script>
// Obtén todos los elementos select dentro de los modales
const selectElements = document.querySelectorAll('.modal .nombre_nueva_clase');
// Agrega un event listener a cada elemento select dentro de los modales
selectElements.forEach(function (selectElement) {
selectElement.addEventListener('change', function (event) {
// Verifica si el evento proviene del elemento select
if (event.target.classList.contains('nombre_nueva_clase')) {
// Obtén el valor seleccionado
const selectedValue = event.target.value;
// Obtén el ID del modal
const modalId = event.target.closest('.modal').id;
// Obtén los elementos de los cards dentro del modal actual
const onlinePaymentCard = document.querySelector(`#${modalId} .card#onlinePaymentCard`);
const offlinePaymentCard = document.querySelector(`#${modalId} .card#offlinePaymentCard`);
// Muestra u oculta los cards según la selección
if (selectedValue === 'online') {
onlinePaymentCard.style.display = 'block';
offlinePaymentCard.style.display = 'none';
} else if (selectedValue === 'offline') {
onlinePaymentCard.style.display = 'none';
offlinePaymentCard.style.display = 'block';
}
}
});
});
</script>
<script type="text/javascript">
function select_payment_type(id) {
$('input[name=package_id]').val(id);
$('#select_payment_type_modal').modal('show');
}
function payment_type(type) {
var package_id = $('#package_id').val();
if (type == 'online') {
$("#select_type_cancel").click();
show_price_modal(package_id);
} else if (type == 'offline') {
$("#select_type_cancel").click();
$.post('{{ route('seller.offline_seller_package_purchase_modal') }}', {
_token: '{{ csrf_token() }}',
package_id: package_id
}, function (data) {
$('#offline_seller_package_purchase_modal_body').html(data);
$('#offline_seller_package_purchase_modal').modal('show');
});
}
}
function show_price_modal(id) {
$('input[name=seller_package_id]').val(id);
$('#price_modal').modal('show');
}
function get_free_package(id) {
$('input[name=seller_package_id]').val(id);
$('#package_payment_form').submit();
}
</script>
@endsection
|