<x-addCustomer.universal>

<div class="w-100 text-center">
        <h3 class=" text-light">Address Information</h3>
    </div>
    <div class="col-sm-3">
        <label for="division" class="block pt-2">
            Division
        </label>
        <select name="division" id="division_id" class="form-control select2">
            <option value="">Select One</option>

            <option value="Dhaka">Dhaka</option>

            <option value="Chittagong">Chittagong</option>

        </select>
    </div>
    <div class="col-sm-3">
        <label for="district" class="block pt-2">
            District
        </label>
        <select name="district" id="district_id" class="form-control select2">
            <option value="">Select One</option>

        </select>
    </div>
    <div class="col-sm-3">
        <label for="thana" class="block pt-2">
            Upazila
        </label>
        <select name="thana" id="upazila_id" class="form-control select2">
            <option value="">Select One</option>

        </select>
    </div>


    <div class="form-group col-sm-3">
        <label for="area" class="block pt-2">
            Area*/Union Parishad
        </label>
        <select class="form-control select2" name="area" id="area" required>
            <option value="">Select Area</option>
        </select>
    </div>

    <div class="col-sm-3">
        <label for="area" class="block pt-2">
            Area*/Union Parishad
        </label>
        <select name="area_select" id="area_select" class="form-control select2">
            <option value="">Select Area</option>

            <option value="Cumilla">Cumilla</option>
            <option value="Chandpur">Chandpur</option>
            <option value="Chittagong">Chittagong</option>

        </select>
    </div>
    <div class="col-sm-3">
        <label for="area" class="block pt-2">
        </label>
        <input type="text" name="area" id="area" value="{{ old('area') }}" class="form-control mt-3"
            required placeholder="Area">
    </div>



    <div class="form-group col-sm-3">
        <label for="block_sector" class="block pt-2">
            Block/Sector/Post Office
        </label>
        <input type="text" name="block_sector" id="block_sector" value="{{ old('block_sector') }}"
            class="form-control " placeholder="Block/Sector">


    </div>

    <div class="form-group col-sm-3">
        <label for="road_name" class="block pt-2">
            Road Name/Village
        </label>
        <input type="text" name="road_name" id="road_name" value="{{ old('road_name') }}" class="form-control "
            placeholder="Road Name">

    </div>

    <div class="form-group col-sm-3">
        <label for="road_no" class="block pt-2">
            Road No/Ward No
        </label>
        <input type="text" name="road_no" id="road_no" value="{{ old('road_no') }}" class="form-control "
            placeholder="Road No">

    </div>

    <div class="form-group col-sm-3">
        <label for="building_name" class="block pt-2">
            Building Name
        </label>
        <input type="text" name="building_name" id="building_name" value="{{ old('building_name') }}"
            class="form-control " placeholder="Building Name">

    </div>

    <div class="form-group col-sm-3">
        <label for="password" class="block pt-2">
            Building No
        </label>
        <input type="text" name="building_no" id="building_no" value="{{ old('building_no') }}" class="form-control "
            placeholder="Building No">

    </div>

    <div class="form-group col-sm-3">
        <label for="flat_no" class="block pt-2">
            Flat/Level No
        </label>
        <input type="text" name="flat_no" id="flat_no" value="{{ old('flat_no') }}" class="form-control "
            placeholder="Flat No">

    </div>

    <div class="col-sm-3">
        <label for="area" class="block pt-2">
            Box
        </label>
        <input type="text" name="box" id="box" value="{{ old('box') }}" class="form-control "
            placeholder="box">
    </div>
    <div class="col-sm-3">
        <label for="latitude" class="block pt-2">
            Latitude
        </label>
        <input type="text" name="client_latitude" id="client_latitude" value="{{ old('client_latitude') }}"
            class="form-control " placeholder="latitude">
    </div>
    <div class="col-sm-3">
        <label for="longitude" class="block pt-2">
            Longitude
        </label>
        <input type="text" name="client_longitude" id="client_longitude" value="{{ old('client_longitude') }}"
            class="form-control " placeholder="longitude">
    </div>

</x-addCustomer.universal>
