Job Commission Slider - Copy this Html, Tailwind Component to your project

update full thông tin form <form class="space-y-6" id="createForm" onsubmit="return false;"> @csrf <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> <div> <label class="form-label required">Họ và tên</label> <input type="text" name="name" class="form-input" placeholder="Nhập họ và tên" /> </div> <div class="hidden"> <label class="form-label">Loại tài khoản</label> <select name="type" class="form-select" disabled> <option value="2">Affiliate</option> </select> </div> </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> <div> <label class="form-label required">Email</label> <input type="email" name="email" class="form-input" placeholder="example@email.com" /> </div> <div> <label class="form-label required">Số điện thoại</label> <input type="text" name="mobile" class="form-input" placeholder="0123456789" /> </div> </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> <div> <label class="form-label required">Năm sinh</label> <select name="year_of_birth" class="form-select"> <option value="">-- Chọn năm sinh --</option> @for($i = 1970; $i <= 2010; $i++) <option value="{{ $i }}">{{ $i }}</option> @endfor </select> </div> <div> <label class="form-label required">Tên Ngân Hàng - Tài khoản</label> <input type="text" name="bank" class="form-input" placeholder="VD: Vietcombank - 123456789" /> </div> </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> <div> <label class="form-label required">Liên kết mạng xã hội</label> <input type="text" name="social_media_link" class="form-input" placeholder="Facebook/LinkedIn URL" /> </div> <div> <label class="form-label required">Số năm kinh nghiệm</label> <input type="number" name="years_of_experience" class="form-input" placeholder="Số năm kinh nghiệm tuyển dụng" /> </div> </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> <div> <label class="form-label required">Mục tiêu</label> <select name="talent_hunter_goal" class="form-select"> <option value="Main job">Là công việc chính</option> <option value="More income">Kiếm thêm thu nhập</option> </select> </div> <div> <label class="form-label">Email người giới thiệu</label> <input type="text" name="reference" class="form-input" placeholder="Email người giới thiệu (nếu có)" /> </div> </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> <div> <label class="form-label required">Nguồn thông tin</label> <select name="source" class="form-select"> <option value="">-- Chọn nguồn --</option> <option value="facebook">Facebook</option> <option value="linkedin">LinkedIn</option> <option value="zalo">Zalo</option> <option value="recommended by friends">Được giới thiệu</option> <option value="other">Khác</option> </select> </div> <div> <label class="form-label">Nguồn khác</label> <input type="text" name="other_source" class="form-input" placeholder="Nếu chọn nguồn khác" /> </div> </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> <div> <label class="form-label required">Lĩnh vực ứng viên</label> <select name="network_field[]" class="form-select" multiple> <option value="">-- Chọn lĩnh vực --</option> <option value="hr">HR</option> <option value="information technology">IT</option> <option value="marketing">Marketing</option> <option value="other">Khác</option> </select> </div> <div> <label class="form-label">Lĩnh vực khác</label> <input type="text" name="network_field_other" class="form-input" placeholder="Nếu chọn lĩnh vực khác" /> </div> </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> <div> <label class="form-label required">Khu vực ứng viên</label> <select name="location_of_candidate[]" class="form-select" multiple> <option value="Chưa có ứng viên">Chưa có ứng viên</option> <option value="Hồ Chí Minh">Hồ Chí Minh</option> <option value="Hà Nội">Hà Nội</option> <option value="Đà Nẵng">Đà Nẵng</option> <option value="Tỉnh thành khác">Tỉnh thành khác</option> <option value="Cả nước">Cả nước</option> </select> </div> <div> <label class="form-label required">Loại tài khoản</label> <select name="type_group" class="form-select"> <option value="Cá nhân">Cá nhân</option> <option value="Tổ chức">Tổ chức</option> </select> </div> </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> <div> <label class="form-label required">Nghề nghiệp</label> <select name="who" class="form-select"> <option value="">-- Chọn nghề nghiệp --</option> <option value="HR Nội Bộ">HR Nội Bộ</option> <option value="Headhunt Freelancer">Headhunt Freelancer</option> <option value="Khác">Khác</option> </select> </div> <div> <label class="form-label">Nghề nghiệp khác</label> <input type="text" name="who_other" class="form-input" placeholder="Nếu chọn nghề nghiệp khác" /> </div> </div> @if($setting->google_recaptcha_key) <div class="flex justify-center"> <div class="g-recaptcha" data-sitekey="{{ $setting->google_recaptcha_key }}"></div> </div> @endif <div class="space-y-4"> <button type="submit" id="save-form" class="btn-primary"> Tạo tài khoản </button> <p class="text-center text-sm text-gray-700"> Đã có tài khoản? <a href="{{ route('login') }}" class="font-semibold text-primary hover:text-primary/90"> Đăng nhập </a> </p> </div> </form>