PATH:
home
/
rwabteecom
/
project_11
/
resources
/
views
/
admin
/
pages
/
users
/
Editing: create.blade.php
@extends("admin.layouts.app") @section("styles") <link rel="stylesheet" href="{{asset('backend/plugins/intlTelInput.min.css')}}"> <style> .iti { width: 100%; } </style> @if(LaravelLocalization::getCurrentLocaleDirection() == "rtl") <style> .iti { direction: ltr !important; } .iti__country-list { left: 0 !important; } </style> @endif @endsection @section("content") <form action="{{route('admin.users.store')}}" method="post"> @csrf <x-card-content> <x-card-header :title="__('Add new user')" :back-route="route('admin.users.index')"/> <x-card-body> <x-input-field name="name" :title="__('Name')" required /> <x-input-field name="email" type="email" :title="__('Email')" required /> <x-input-field name="phone" :title="__('Phone')" required /> <x-input-field name="password" type="password" class="mt-5" :title="__('Password')" required /> <x-input-field name="password_confirmation" type="password" class="mt-5" :title="__('Password Confirmation')" required /> </x-card-body> <x-card-footer> <x-loading-btn :title="__('Save')"/> </x-card-footer> </x-card-content> </form> @endsection @section("scripts") <script src="{{asset('backend/plugins/intlTelInput.min.js')}}"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.11/jquery.mask.js"></script> <script> let input = document.querySelector("#phone"); $('#phone').mask("000 000 0000"); let iti = window.intlTelInput(input, { preferredCountries: ['sa', 'eg'], separateDialCode: true, formatOnDisplay: true, hiddenInput: "full_number", utilsScript: "{{asset("backend/plugins/utils.js")}}", }); $("#phone").on("countrychange", function () { let selectedCountryData = iti.getSelectedCountryData(); newPlaceholder = intlTelInputUtils.getExampleNumber(selectedCountryData.iso2, true, intlTelInputUtils.numberFormat.INTERNATIONAL); iti.setNumber(""); $('input[name=full_number]').val(""); mask = newPlaceholder.replace(/[1-9]/g, "0"); console.log(mask); $(this).mask(mask); }); $("#phone").on('change', function () { let phone = iti.getNumber(intlTelInputUtils.numberFormat.E164); $('input[name=full_number]').val(phone); }) </script> @endsection
SAVE
CANCEL