Edit File - File Manager

Edit File: show.blade.php

@extends('admin.layout.master')

@section('css')
    <link rel="stylesheet" type="text/css"
          href="{{asset('admin/app-assets/css-rtl/core/colors/palette-gradient.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('admin/app-assets/css-rtl/pages/app-user.css')}}">

.contain-table-n::-webkit-scrollbar {
            display: none;
        }

.contain-table table {
            width: 100%;
            /*min-width: 700px;*/

}
    </style>

@endsection

@section('content')

<div class="col-md-12 col-12 ">
                    <div class="card">
                        <div class="card-header">
                            <div class="card-title mb-0">{{awtTrans('بيانات الطلب')}}</div>

</div>

<div class="card-body">
                            <div class="contain-table-n">
                                <table>
                                    <tbody class="w-100">
                                    <tr>
                                        <td class="font-weight-bold">{{awtTrans('سعر الطلب')}} </td>
                                        <td>{{$order->price}}</td>

<td class="font-weight-bold">{{awtTrans('نسبة التطبيق من المقدم')}} </td>
                                        <td>{{$order->app_percentage}}</td>

</tr>
                                    <tr>

<td class="font-weight-bold">{{awtTrans('القيمة المضافة')}} </td>
                                        <td>{{$order->added_value}}</td>

<td class="font-weight-bold">{{awtTrans('اجمالي الطلب')}} </td>
                                        <td>{{$order->total_price}}</td>

</tr>

<tr>

<td class="font-weight-bold">{{awtTrans(' نوع السيارة')}} </td>
                                        <td>{{$order->carModel?->name}}</td>

<td class="font-weight-bold">{{awtTrans(' القسم')}} </td>
                                        <td>{{$order->category?->name}}</td>

</tr>

<td class="font-weight-bold">{{awtTrans('حالة الدفع')}} </td>
                                                               @if($order->payment_status == 'true')
                                                                           <td>{{awtTrans('تم الدفع')}}</td>
                                                                     @elseif($order->payment_status == 'false')
                                                                           <td>{{awtTrans('لم يتم الدفع')}}</td>
                                                                       @endif
                                                                   </tr>
                                    <tr>
                                        <td class="font-weight-bold">{{ awtTrans('رقم الطلب') }}</td>
                                        <td>{{ $order->id??'' }}</td>
                                    </tr>

<tr>
                                        <td class="font-weight-bold">{{ awtTrans('تاريخ النقل') }}</td>
                                        <td>{{ $order-> deliver_date ?? ' '}}</td>

<td class="font-weight-bold">{{ awtTrans('وقت النقل') }}</td>
                                        <td>{{ $order-> deliver_time ?? ' '}}</td>
                                    </tr>
                                    <tr>

<td class="font-weight-bold">{{ awtTrans('موقع الاستلام') }}</td>
                                        <td>{{ $order->receive_address ?? ' ' }}</td>

</tr>

<tr>

<td class="font-weight-bold">{{ awtTrans('موقع التسليم') }}</td>
                                        <td>{{ $order->deliver_address ?? ' ' }}</td>
                                    </tr>
                                    <tr>
{{--                                        <td class="font-weight-bold">{{ awtTrans('القسم الرئيسي') }}</td>--}}
{{--                                        <td>{{ $order->category->name ?? '' }}</td>--}}

<td class="font-weight-bold">{{ awtTrans('تفاصيل اضافية') }}</td>
                                        <td>{{ $order->description ?? ' ' }}</td>
                                        {{--                                        <td class="font-weight-bold">{{ awtTrans('الخدمات الاضافية') }}</td>--}}
                                        {{--                                        @foreach($order->extra_services as $service) --}}
                                        {{--                                            <td>{{$service ?? ' '}}</td>--}}
                                        {{--                                        @endforeach--}}
                                    </tr>

{{--                                    @foreach($images as $image)--}}
                                    {{--                                        <div class="col-12">--}}
                                    {{--                                            <div class="imgMontg col-12 text-center">--}}
                                    {{--                                                <div class="dropBox">--}}
                                    {{--                                                    <div class="textCenter">--}}
                                    {{--                                                        <div class="imagesUploadBlock">--}}
                                    {{--                                                            <label class="uploadImg">--}}
                                    {{--                                                                <span><i class="feather icon-image"></i></span>--}}
                                    {{--                                                                <input type="file" accept="image/*" name="image" class="imageUploader">--}}
                                    {{--                                                            </label>--}}
                                    {{--                                                            <div class="uploadedBlock">--}}
                                    {{--                                                                <img src="{{$image ?? 'default.png'}}">--}}
                                    {{--                                                            </div>--}}
                                    {{--                                                        </div>--}}
                                    {{--                                                    </div>--}}
                                    {{--                                                </div>--}}
                                    {{--                                            </div>--}}
                                    {{--                                        </div>--}}
                                    {{--                                    @endforeach--}}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

<div class="col-md-12 col-12 ">
                    {{-- delegate info --}}
                    <div class="card">
                        <div class="card-header">
                            <div class="card-title mb-0">{{awtTrans('بيانات المندوب')}}</div>
                            @if ($order->delegate)
                                <img src="{{$order->delegate->avatar_path ?? 'default.png'}}" style="width: 50px ; height: 50px;">
                            @else
                                <img src="{{$order->user->avatar_path ?? 'default.png'}}" style="width: 50px ; height: 50px;">
                            @endif
                        </div>

<div class="card-body">
                            <table>
                                <tr>
                                    <td class="font-weight-bold">{{awtTrans('اسم المندوب')}} </td>
                                    <td>{{$order->delegate ?  $order->delegate->name : 'لم يتم تحديدة بعد'}}</td>
                                </tr>
                                <tr>
                                    <td class="font-weight-bold">{{awtTrans('رقم هاتف المندوب')}} </td>
                                    <td>{{$order->delegate ?  $order->delegate->phone : 'لم يتم تحديدة بعد'}}</td>
                                </tr>

</table>
                        </div>
                    </div>
                    {{-- user info --}}
                    <div class="card">
                        <div class="card-header">
                            <div class="card-title mb-0">{{awtTrans('بيانات المستخدم')}}</div>
                            <img src="{{$order->user->avatar_path ?? ''}}" style="width: 50px ; height: 50px;">
                        </div>

<div class="card-body">
                            <table>
                                <tr>
                                    <td class="font-weight-bold">{{awtTrans('اسم المستخدم')}} </td>
                                    <td>{{$order->user->name ?? ''}}</td>
                                </tr>

<tr>
                                    <td class="font-weight-bold">{{awtTrans('رقم هاتف المستخدم')}} </td>
                                    <td>{{$order->user->phone ?? ''}}</td>
                                </tr>

<tr>
                                    <td class="font-weight-bold">{{awtTrans('حالة الطلب')}} </td>
                                    <td> {{trans('order.'.$order->statusForUser())}}</td>
                                </tr>
                            </table>
                        </div>
                    </div>

@if($order->status=='closed')
                   <div class="card">
                     <div class="card-header">
                         <div class="card-title mb-0">{{awtTrans('اسباب الالغاء')}}</div>
                         </div>

<div class="card-body">
                          <table>
                                 <tr>
                                  <td class="font-weight-bold">{{awtTrans('  السبب')}} </td>
                                 <td>{{$order->close_reason }}</td>
                               </tr>
                       </table>
                         </div>
                   </div>
                @endif
                </div>

</div>
        </section>

</div>
    
@endsection

@section('js')

$(document).on('click', '.delegate_change', function (e) {
            e.preventDefault()
            if ($('.select_delegate').val() == '') {
                Swal.fire({
                    position: 'top-center',
                    type: 'error',
                    title: '{{ awtTrans('عذراً يجب اختيار مندوب') }}',
                    showConfirmButton: true,
                    timer: 3000,
                    confirmButtonClass: 'btn btn-primary',
                    buttonsStyling: false,
                })
            } else {
                $.ajax({
                    type: "post",
                    url: "{{url('admin/orders/delegate-change')}}",
                    data: {
                        status: $(this).data('status'),
                        order_id: $(this).data('order_id'),
                        delegate: $('.select_delegate').val()
                    },
                    dataType: "json",
                    success: (response) => {
                        if (response.delivery_status == 'accepted') {
                            if (response.status == 'fail') {
                                toastr.error(response.msg)
                            } else {
                                window.location.reload()
                            }
                        } else {
                            // $('.delivery_change_div').removeClass('d-flex').addClass('d-none')
                            // setTimeout(() => {$('.delivery_'+response.delivery_status+'_div').removeClass('d-none').addClass('d-flex')}, 1000);
                        }
                    }

});
            }
        });

var active = '{{$order->store_status}}'
        $('.main_store_div').fadeOut()
        $('.store_' + active + '_div').fadeIn()

$(document).on('click', '.store_change', function (e) {
            e.preventDefault()
            $.ajax({
                type: "post",
                url: "{{url('admin/orders/store-change')}}",
                data: {status: $(this).data('status'), order_id: $(this).data('order_id')},
                dataType: "json",
                success: (response) => {
                    Swal.fire({
                        position: 'top-start',
                        type: 'success',
                        title: response.msg,
                        showConfirmButton: false,
                        timer: 1500,
                        confirmButtonClass: 'btn btn-primary',
                        buttonsStyling: false,
                    })

// $('.main_store_div').fadeOut(1000)
                    // setTimeout(() => {$('.store_'+response.store_status+'_div').fadeIn()}, 1000);
                    // setTimeout(() => {
                    //     window.location.reload()
                    // }, 3000);
                }

});
        });

</script>
    @if(!empty($order->deliver_lat) && !empty($order->deliver_long) && !empty($order->receive_lat) && !empty($order->receive_long))

var receive_lat = Number($('#receive_lat').val()),
                    receive_long = Number($('#receive_long').val()),
                    deliver_lat = Number($('#deliver_lat').val()),
                    deliver_long = Number($('#deliver_long').val())

const directionsRenderer = new google.maps.DirectionsRenderer({
                    map: new google.maps.Map(document.getElementById("map"), {}),
                    // directions: result,
                    routeIndex: 0,
                    polylineOptions: {
                        strokeColor: "red"
                    }
                });

calculateAndDisplayRoute(new google.maps.DirectionsService(), directionsRenderer, receive_lat, receive_long, deliver_lat, deliver_long);
                $('.distance').html(haversine_distance(receive_lat, receive_long, deliver_lat, deliver_long))
            }

function calculateAndDisplayRoute(directionsService, directionsRenderer, lat1, lng1, lat2, lng2) {
                directionsService.route({
                    origin: {lat: lat1, lng: lng1},
                    destination: {lat: lat2, lng: lng2},
                    travelMode: google.maps.TravelMode['DRIVING'],
                }).then((response) => {
                    directionsRenderer.setDirections(response);
                }).catch((e) => window.alert("Directions request failed due to " + status));
            }

function haversine_distance(lat1, lng1, lat2, lng2) {
                var R = 3958.8; // Radius of the Earth in miles
                var rlat1 = lat1 * (Math.PI / 180); // Convert degrees to radians
                var rlat2 = lat2 * (Math.PI / 180); // Convert degrees to radians
                var difflat = rlat2 - rlat1; // Radian difference (latitudes)
                var difflon = (lng2 - lng1) * (Math.PI / 180); // Radian difference (longitudes)

var d = 2 * R * Math.asin(Math.sqrt(Math.sin(difflat / 2) * Math.sin(difflat / 2) + Math.cos(rlat1) * Math.cos(rlat2) * Math.sin(difflon / 2) * Math.sin(difflon / 2)));
                return Math.round(d, 5);
            }
        </script>

Back to File Manager