@extends('layouts.admin')

@section('title') My Profile @endsection

@section('content')
 @push('page_style')
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css">
@endpush
 
            
            <div class="profileBOx">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                             <form method="POST" action="{{route('admin.Profile')}}" enctype="multipart/form-data">
                              {{ csrf_field() }}
                              @method('POST')
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="profilrUploadd">
                                                <div class="uploadImg">
          											<input type="file" id="upload_file" name="file" style="display: none;">
                                                    <img id="profileImagePreview" src="{{$admin->getProfileImage()}}">
                                                </div>
                                                <div class="upload_button">

                                                    <label for="file">
                                                        <button class="fileUpload-button" type="button">
                                                            <img id="clickToUpload" src="{{asset('img/camerapro.svg')}}"
                                                                width="20">
                                                        </button>
                
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="uploadform">
                                        <div class="row">
                                            <div class="col-md-6 col-12">
                                                <div class="form-group">
                                                    <label class="form-label" for="first_name">First Name</label>
                                                   <input id="first_name" type="text" class="form-control {{ $errors->has('first_name') ? ' is-invalid' : '' }}" name="first_name" value="{{ (old('first_name')) ? (old('first_name')) : ($admin->first_name) }}" placeholder="First Name">
                                                        @if ($errors->has('first_name'))
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $errors->first('first_name') }}</strong>
                                                            </span>
                                                        @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-12">
                                                <div class="form-group">
                                                    <label class="form-label" for="last_name">Last Name</label>
                                                    <input id="last_name" type="text" class="form-control {{ $errors->has('last_name') ? ' is-invalid' : '' }}" name="last_name" value="{{ (old('last_name')) ? (old('last_name')) : ($admin->last_name) }}" placeholder="Last Name">
                                                        @if ($errors->has('last_name'))
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $errors->first('last_name') }}</strong>
                                                            </span>
                                                        @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-12">
                                                <div class="form-group">
                                                    <label class="form-label" for="email">Email</label>
                                                     <input id="email" type="email" class="form-control {{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" value="{{ (old('email')) ? (old('email')) : ($admin->email) }}" placeholder="Enter Email">
                                                    @if ($errors->has('email'))
                                                        <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $errors->first('email') }}</strong>
                                                        </span>
                                                    @endif
                                                </div>

                                            </div>
                                            <div class="col-md-6 col-12">
                                    <div class="mb-1">
                                        <label class="form-label" for="phone_number">Phone Number </label><br>
                                        <input type="hidden" name="phone_code" id="phone_code" value="{{ (old('phone_code')) ? (old('phone_code')) : ($admin->phone_code) }}"/>
                                        <input type="hidden" name="iso_code" id="iso_code" value="{{ (old('iso_code')) ? (old('iso_code')) : ($admin->iso_code) }}"/>

                                        <input id="phone_number" type="text" class="form-control {{ $errors->has('phone_number') || $errors->has('phone_code') || $errors->has('iso_code') ? ' is-invalid' : '' }}" name="phone_number" value="{{ (old('phone_number')) ? (old('phone_number')) : ($admin->phone_number) }}" placeholder="Enter Phone Number">
                                        @if ($errors->has('phone_number'))
                                            <span class="invalid-feedback d-block" role="alert">
                                                <strong>{{ $errors->first('phone_number') }}</strong>
                                            </span>
                                        @elseif($errors->has('phone_code'))
                                            <span class="invalid-feedback d-block" role="alert">
                                                <strong>{{ $errors->first('phone_code') }}</strong>
                                            </span>
                                        @elseif($errors->has('iso_code'))
                                            <span class="invalid-feedback d-block" role="alert">
                                                <strong>{{ $errors->first('iso_code') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>

                                            <div class="col-md-12 col-12" id="parent_btn_div">
                                                <button type="Submit" class="btn nextbtn me-1 admin_update_profile" disabled>Update &amp;
                                                    Save</button>
                                                  
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
            </div>
@push('page_script')

    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>

    <script>

        var isoCode = ($("#iso_code").val()) ? ($("#iso_code").val()) : ('US');
        var isoCode2 = ($("#iso_code_2").val()) ? ($("#iso_code_2").val()) : ('US');
        //  phone 1 input
        var phoneInput = document.querySelector("#phone_number");
        var phoneInstance = window.intlTelInput(phoneInput, {
            autoPlaceholder: "off",
            separateDialCode: true,
            initialCountry: isoCode
            // utilsScript: '{{URL::asset("frontend/build/js/utils.js")}}',
        });


        $("#phone_code").val(phoneInstance.getSelectedCountryData().dialCode);
        $("#iso_code").val(phoneInstance.getSelectedCountryData().iso2);
        phoneInput.addEventListener("countrychange",function() {
            $("#phone_code").val(phoneInstance.getSelectedCountryData().dialCode);
            $("#iso_code").val(phoneInstance.getSelectedCountryData().iso2);
        });
        
    </script>
@endpush

@endsection