<form action="{{ route('farmer.register') }}" method="post" id="RegisterForm">
    {{ csrf_field() }}
    <div class="form-group text-center mt-2">
        <h3>ثبت نام جدید</h3>
    </div>
    <div id="step_1">
        <div class="form-group mt-3 row">
            <div class="col-6">
                <input type="text" class="form-control" name="first_name" id="first_name" placeholder="نام" value="{{ old('first_name') }}">
                <label for="first_name" id="first_name_error" class="text-danger" style="font-size: 12px; display: none;"></label>
            </div>
            <div class="col-6">
                <input type="text" class="form-control" name="last_name" id="last_name" placeholder="نام خانوادگی" value="{{ old('last_name') }}">
                <label for="last_name" id="last_name_error" class="text-danger" style="font-size: 12px; display: none;"></label>
            </div>
        </div>
        <div class="form-group mt-3 row">
            <div class="col-6">
                <input type="text" class="form-control" name="melli_code" id="melli_code" placeholder="کد ملی" value="{{ old('melli_code') }}">
                <label for="melli_code" id="melli_code_error" class="text-danger" style="font-size: 12px; display: none;"></label>
            </div>
            <div class="col-6">
                <input type="text" class="form-control" name="phone" id="phone" placeholder="شماره موبایل" value="{{ old('phone') }}">
                <label for="phone" id="phone_error" class="text-danger" style="font-size: 12px; display: none;"></label>
            </div>
        </div>
        <div class="form-group mt-3 row">
            <div class="col-6">
                <input type="text" class="form-control" name="father_name" id="father_name" placeholder="نام پدر" value="{{ old('father_name') }}">
                <label for="father_name" id="father_name_error" class="text-danger" style="font-size: 12px; display: none;"></label>
            </div>
            <div class="col-6">
                <input type="text" class="form-control" name="farm_name" id="farm_name" placeholder="نام مزرعه" value="{{ old('farm_name') }}">
                <label for="farm_name" id="farm_name_error" class="text-danger" style="font-size: 12px; display: none;"></label>
            </div>
        </div>
        <div class="form-group mt-3 row">
            <div class="col-6">
                <select name="state" id="state" class="form-control" onChange="CityList(this.value);" value="{{ old('state') }}">
                    <option value="0" selected disabled>استان</option>
                    <option value="1">تهران</option>
                    <option value="2">گیلان</option>
                    <option value="3">آذربایجان شرقی</option>
                    <option value="4">خوزستان</option>
                    <option value="5">فارس</option>
                    <option value="6">اصفهان</option>
                    <option value="7">خراسان رضوی</option>
                    <option value="8">قزوین</option>
                    <option value="9">سمنان</option>
                    <option value="10">قم</option>
                    <option value="11">مرکزی</option>
                    <option value="12">زنجان</option>
                    <option value="13">مازندران</option>
                    <option value="14">گلستان</option>
                    <option value="15">اردبیل</option>
                    <option value="16">آذربایجان غربی</option>
                    <option value="17">همدان</option>
                    <option value="18">کردستان</option>
                    <option value="19">کرمانشاه</option>
                    <option value="20">لرستان</option>
                    <option value="21">بوشهر</option>
                    <option value="22">کرمان</option>
                    <option value="23">هرمزگان</option>
                    <option value="24">چهارمحال و بختیاری</option>
                    <option value="25">یزد</option>
                    <option value="26">سیستان و بلوچستان</option>
                    <option value="27">ایلام</option>
                    <option value="28">کهگلویه و بویراحمد</option>
                    <option value="29">خراسان شمالی</option>
                    <option value="30">خراسان جنوبی</option>
                    <option value="31">البرز</option>
                </select>
                <label for="state" id="state_error" class="text-danger" style="font-size: 12px; display: none;"></label>
            </div>
            <div class="col-6">
                <select name="city" class="form-control" id="city" value="{{ old('city') }}">
                    <option value="0" selected disabled>شهر</option>
                </select>
                <label for="city" id="city_error" class="text-danger" style="font-size: 12px; display: none;"></label>
            </div>
        </div>
        <div class="form-group mt-3">
            <input type="text" class="form-control" name="address" id="address" placeholder="آدرس مزرعه" value="{{ old('address') }}">
            <label for="address" id="address_error" class="text-danger" style="font-size: 12px; display: none;"></label>
        </div>
        <div class="form-group mt-3 ps-2">
            <input type="checkbox" name="isorder" class=" form-check-input" id="isorder">
            <label for="isorder" class="ms-2">آیا مایل به تحویل گل هستید ؟</label>
        </div>
        <div class="form-group mt-3 row" id="weightDiv" style="display: none;">
            <div class="col-6">
               <!-- <input type="number" step=0.01 class="form-control" name="weight" id="weight" min=6 
                oninvalid="this.setCustomValidity('وزن گل باید حداقل 6 کیلوگرم باشد')"
                oninput="this.setCustomValidity('')"
                placeholder="وزن حدودی گل" value="{{ old('weight') }}"> -->
                <input type="number" step=0.01 class="form-control" name="weight" id="weight" placeholder="وزن محصول">
            </div>
            <div class="col-6">
                <select name="unit" class="form-control" id="unit" value="{{ old('unit') }}">
                    <option value="کیلوگرم">کیلوگرم</option>
                    <option value="گرم">گرم</option>
                </select>
            </div>
        </div>
        <div class="mt-3 ps-2 form-group">
            <input type="checkbox" name="wantTransport" id="wantTransport" class="form-check-input">
            <label for="wantTransport" class=" form-check-label">نیاز به راننده دارم</label>
        </div>
        <div class="form-group" style="margin-top: 20px;">
            <span class="btn btn-primary w-100" id="sendsms" style="cursor: pointer;">ثبت نام</span>
        </div>
    </div>
    <div id="step_2" style="display: none;">
        <div class="form-group">
            <label for="smscode" class="mb-2">کد یکبار مصرف ارسال شده به موبایل خود را وارد کنید</label>
            <input type="text" class="form-control" name="smscode" id="smscode" placeholder="کد یکبار مصرف">
            <label for="smscode" id="smscode_error" class="text-danger" style="font-size: 12px; display: none;"></label>
        </div>
        <div class="form-group mt-3 d-flex">
            <div class="col-8 pe-2">
                <button type="submit" id="registerbtn" class="btn btn-success w-100">تایید کد و ثبت نام</button>
            </div>
            <div class="col-4 ps-2">
                <span class="btn btn-warning w-100" id="resendCode">ارسال مجدد</span>
            </div>
        </div>
    </div>
</form>