@extends('layouts.delegates_dashboard_layout')

@section('title')
{{Session::has('lang')&&Session::get('lang')=='en'?'delegate details':'  تفاصيل المندوب'}}

@endsection

@section('style')

@endsection

@section('content')


      <div  class="table-cont p-2 ">
                <div class="row align-items-center">
                    <div class="dash-title col-md p-0 mt-0">
                         <h6 class="bold">{{trans('delegates_dashboard.delegates_info')}}</h6>
                        <p class="mb-1"> {{trans('delegates_dashboard.join_requests')}} / {{trans('delegates_dashboard.delegates_info')}}</p>
                   </div>
                </div>

                <div class=" white-bg round7 mb-3 mt-2 p-3">
                    <h6 class="bold border-bottom pt-3 pb-3 mb-4">{{trans('delegates_dashboard.status')}}</h6>

                    <div class="w-md-75 ">
                       <form id="submitform">
                           @csrf
                           <input type="hidden" name="user_id" value="{{$user->id}}">
                            <div class="row align-items-end">
                                <div class="col-9 p-1">
                                    <div class="form-group mb-0">
                                        <label class="bold font14" for="exampleInputEmail1"> {{trans('delegates_dashboard.change_status')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                        <select name="status" class="form-control">
                                            <option @if($user->status=='active')selected @endif value="active" >{{trans('delegates_dashboard.active')}}</option>
                                            <option @if($user->status=='block')selected @endif value="block" >{{trans('delegates_dashboard.block')}}</option>
                                            <option @if($user->status=='pending')selected @endif  value="pending"  >{{trans('delegates_dashboard.pending')}}</option>

                                        </select>
                                    </div>
                                </div>
                                <div class="col p-1">
                                    <button id="submitbtn" type="submit" class="button1 w-100">{{trans('delegates_dashboard.confirm')}}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>



                <div class=" white-bg round7 font14 mb-3 mt-2 ">
                    <h6 class="bold border-bottom p-3 mb-4">{{trans('delegates_dashboard.delegates_info')}}</h6>


                    <div class="form-group">
                        <div class="row p-1 pl-3 pr-3 align-items-center justify-content-start ">
                            <div class="">
                                <label for="file1">
                                    <div class="input-img-cont ">
                                        <img src="{{URL::to('assets/uploads/users/'.$request?->personal_image)}}" id="view1" class="input-img round50" style="height: 70px; width: 70px;" alt="">
                                    </div>
                                </label>
                            </div>
                            <div class="col">
                                <h6 class="bold font14">{{trans('delegates_dashboard.avatar')}}</h6>
                            </div>
                        </div>
                    </div>

                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.name')}}</div>
                        <div class="col">{{$user->name}}</div>
                    </div>


                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.countrykey')}}</div>
                        <div class="col">{{$user->country_key}}</div>
                    </div>


                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.phone')}}</div>
                        <div class="col">0{{$user->phone}}</div>
                    </div>



                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.nationality')}}</div>
                        <div class="col">{{$request?->nationality->name}}</div>
                    </div>


                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.city')}}</div>
                        <div class="col">{{$request?->city?->name}}</div>
                    </div>

                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.available')}}</div>
                        <div class="col">{{$active_orders != 0 ? trans('delegates_dashboard.no') :trans('delegates_dashboard.yes')}}</div>
                    </div>


                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.recent_order')}}</div>
                        <div class="col">{{$active_orders != 0 ? trans('delegates_dashboard.yes'): trans('delegates_dashboard.no') }}</div>
                    </div>


                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.order_count')}}</div>
                        <div class="col">{{$total_orders}}</div>
                    </div>


                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.status')}}</div>
                        <div class="col">{{trans('delegates_dashboard.'.$user->status)}}</div>
                    </div>


                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.balance')}}</div>
                        <div class="col">{{$user->balance}} {{trans('delegates_dashboard.sr')}}</div>
                    </div>


                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.national_id')}}</div>
                        <div class="col">{{$request?->identity_card}}</div>
                    </div>



                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.total_price')}}</div>
                        <div class="col">{{$total_cost}}</div>
                    </div>


                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.delivery_cost')}}</div>
                        <div class="col">{{$delivery_cost}}</div>
                    </div>


                    <div class="p-3 order-info stars-cont row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.rate')}}</div>
                        <div class="col"> <i class="fa font10 fa-star gold "></i> {{$user->rate}} </div>
                    </div>


                    <div class="p-3 order-info stars-cont row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.created_at')}}</div>
                        <div class="col"> {{Carbon\Carbon::parse($request?->created_at->addHours(2))->format('d/m/Y - H:i A')}}</div>

                    </div>

                </div>




            </div>
 @endsection

@section('scripts')
    <script>
        $(function(){
            $('.side-button .active').siblings('.side-dropdown').slideDown();
        });
    </script>


<script>
        $(document).on('click','#submitbtn',function (e) {
            e.preventDefault();

            //get form data
            var form = $('#submitform').get(0);
            var formData = new FormData(form);

            $.ajax({
                url: "{{route('delegates_dashboard.update_delegate_status')}}",
                type: "POST",
                data: formData,
                dataType: "json",
                processData: false,
                contentType: false,
                cache: false,
                success: function (data) {
                    //got a resposne?
                    if (data.key == 'success') {
                        Swal.fire({
                                icon: 'success',
                                title: '<h5 class="bold">'+data.msg+'</h5>',
                                showConfirmButton: false,
                                timer: 1500
                            });
                        location.assign(data.url);
                    } else {
                        swal.fire({
                            title: data.msg,
                            type: 'error',
                            timer: 3000,
                            showCloseButton: true,
                            showConfirmButton: false,
                            animation: true,
                        }).catch(swal.noop);
                    }
                }
            });
        });
    </script>

@endsection