@extends('layouts.delegates_dashboard_layout')

@section('title')
{{Session::has('lang')&&Session::get('lang')=='en'?' profile':'    الملف الشخصى'}}

@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.settings')}}</h6>
                        <p class="mb-1">{{trans('delegates_dashboard.settings')}} / {{trans('delegates_dashboard.profile_settings')}}</p>
                  </div>
                </div>


                <form id="updateform" method="post" enctype="multipart/form-data">
                    @csrf
                    <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.profile_info')}}</h6>

                        <div class="w-md-75 ">


                            <div class="form-group">
                                <div class="row align-items-center justify-content-start ">
                                    <div class=" ">
                                        <label for="file1">
                                            <div class="input-img-cont ">
                                                <img src="{{$user->avatar?$user->avatarPath : asset('site/imgs/users/user.png')}}" id="view1" class="input-img" alt="">
                                                <img src="{{asset('../imgs/icons/camera.png')}}" class="input-img-camera" alt="">
                                            </div>
                                            <input onchange="viewImg(event ,'#view1')" class="d-none" type="file" name="avatar" id="file1">
                                        </label>
                                    </div>
                                    <div class="col">
                                        <h6 class="bold font14"> {{trans('delegates_dashboard.avatar')}}</h6>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="bold font14" for="Password1"> {{trans('delegates_dashboard.register_link')}} </label>
                                <div class="password-cont">
                                    <input type="url" name="register_link" class="form-control"  aria-describedby="emailHelp" placeholder="{{trans('delegates_dashboard.register_link')}}" value="{{$user->delegateCompany?->register_link}}">
                                    <i class="fa fa-edit color-gray" ></i>
                                </div>
                            </div>


                            <div class="form-group">
                                <label class="bold font14" for="Password1">{{trans('delegates_dashboard.company_name')}} </label>
                                <div class="password-cont">
                                    <input type="text" name="name" class="form-control"  aria-describedby="emailHelp" placeholder="{{trans('delegates_dashboard.company_name')}} " value="{{$user->name}}">
                                    <i class="fa fa-edit color-gray" ></i>
                                </div>
                            </div>


                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1"> {{trans('delegates_dashboard.phone')}}  <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <div class="row">
                                    <div class="col-4 col-md-2 p-1 pr-0">
                                        <select class="form-control">
                                            @foreach ($keys as $key)
                                                <option @if($key->calling_code == $user->country_key) selected @endif value="{{$key->calling_code}}">{{$key->calling_code}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col pt-1 pb-1 pl-0 pr-1">
                                        <div class="form-group">
                                            <div class="password-cont">
                                                <input type="number" name="phone" class="form-control"  aria-describedby="emailHelp" placeholder="{{trans('delegates_dashboard.phone')}} " value="0{{$user->phone}}">
                                                <i class="fa fa-edit color-gray" ></i>
                                            </div>
                                        </div>
                                    </div>



                                </div>
                            </div>



                            <div class="form-group">
                                <label class="bold font14" for="Password1"> {{trans('delegates_dashboard.email')}} </label>
                                <div class="password-cont">
                                    <input type="email" name="email" class="form-control"  aria-describedby="emailHelp" placeholder="{{trans('delegates_dashboard.email')}} " value="{{$user->email}}">
                                    <i class="fa fa-edit color-gray" ></i>
                                </div>
                            </div>



                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1"> {{trans('delegates_dashboard.city')}}  <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <select name="city_id" class="form-control">
                                    @foreach($cities as $city)
                                    <option  value="{{$city->id}}" @if($city->id == $user->delegateCompany?->city_id) selected @endif > {{$city->name}}</option>
                                    @endforeach
                                </select>
                            </div>


                            <div class="form-group">
                                <label class="bold font14" for="Password1">{{trans('delegates_dashboard.commercial_number')}}  </label>
                                <div class="password-cont">
                                    <input type="text" class="form-control" name="commercial_number"  aria-describedby="emailHelp" placeholder="الرجاء ادخال السجل التجارى" value="{{$user->delegateCompany?->commercial_number}}">
                                    <i class="fa fa-edit color-gray" ></i>
                                </div>
                            </div>


                            <hr>
                            <h6 class="bold"> {{trans('delegates_dashboard.change_password')}}</h6>
                             <br>

                            <a class="button1 mt-3 material-button"  href="{{route('delegates_dashboard.get_edit_password')}}" >  {{trans('delegates_dashboard.change_password')}}</a>




                        </div>
                    </div>


                    <button type="submit" id="updatebtn" class="button1 mt-3 material-button" > {{trans('delegates_dashboard.save_changes')}} </button>
                </form>



            </div>
        @endsection

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

<script>
            $("#updatebtn").on('click',function(e){
                e.preventDefault();
                var form = $('#updateform').get(0);
                var formData = new FormData(form);
                var oldText = $(this).text();
                $(this).prop('disabled', true).css({
                    opacity:'0.5'
                }).text("{{trans('delegates_dashboard.loading')}}");

                $.ajax({
                    url:"{{ route('delegates_dashboard.updateProfile') }}",
                    type:"POST",
                    data: formData,
                    dataType: "json",
                    processData: false,
                    contentType: false,
                    cache: false,
                    success:function(data){
                        $('#updatebtn').removeAttr("disabled").css({
                            opacity:'1'
                        }).text(oldText);
                        if(data.key =='success'){
                            Swal.fire({
                            title: data.msg,
                            position:'top',
                            timer: 15000,
                            type:'success',
                            showCloseButton: false,
                            showConfirmButton:false,
                            animation: true
                        })
                        location.assign(data.url);
                         }else{
                            Swal.fire({
                                title: data.msg,
                                position:'top',
                                timer: 3000,
                                type:'error',
                                showCloseButton: false,
                                showConfirmButton:false,
                                animation: true
                            })
                        }
                    }
                });
            });
</script>

@endsection