@extends('layouts.default')
    @section('content')
    <main id="main">
   
    <div class="col-lg-12">
    
    </div>





    <!-- ======= Pricing Section ======= -->
    <section id="pricing" class="pricing section-bg">
      <div class="container-fluid">

        <div class="row">
          <div class="col-md-2"> </div>
          <div class="col-md-8"><div class="col-md-12">
            <div class="box innerconvert" data-aos="zoom-in">
                <h2>Area Converter</h2>
              <div class="row">
                
                <div class="col-md-5">
                  <div class="form-group">
                       <select name="unit_from" id="from_area_page" class="form-control">
                     <option value="">Select Area</option>
                  <option disabled="disabled" class="title">Metric</option>
                  <option value="km²">Square kilometre</option>
                  <option value="ha">Hectare (ha)</option>
                  <option value="a">Are (a)</option>
                  <option value="m²">Square metre</option>
                  <option value="dm²">Square decimetre</option>
                  <option value="cm²">Square centimetre (cm²)</option>
                  <option value="mm²">Square millimetre</option>
                  <option value="µm²">Square micrometre</option>
                  <option value="nm²">Square nanometre</option>
                  <option disabled="disabled">&nbsp;</option>
                  <option disabled="disabled" class="title">British/American</option>
                  <option value="township">Township</option>
                  <option value="square mile">Square mile</option>
                  <option value="homestead">Homestead</option>
                  <option value="acre">Acre</option>
                  <option value="rood">Rood</option>
                  <option value="square rod">Square rod</option>
                  <option value="square">Square</option>
                  <option value="yr²">Square yard (yr²)</option>
                  <option value="ft²">Square foot (ft²)</option>
                  <option value="in²">Square inch (in²)</option>
                  <option disabled="disabled">&nbsp;</option>
                  <option disabled="disabled" class="title">Japanese</option>
                  <option value="tsubo">Tsubo</option>
                  <option value="cho">Cho</option>
                  <option value="tann">Tann</option>
                  <option value="se">Se</option>
                  <option disabled="disabled">&nbsp;</option>
                  <option disabled="disabled" class="title">Other</option>
                  <option value="metric_dunam">Metric dunam</option>
                  <option value="cypriot_dunam">Cypriot dunam</option>
                  <option value="iraqi_dunam">Iraqi dunam</option>
                  <option value="greek_stremma">Greek stremma</option>
                  <option value="football_pitch">Football pitch</option>
                 
                </select>
                     
                      <span id="from_area_page_err" class="frm-err"></span>    
                     
                 
                  </div>
                </div>
               
               <div class="col-md-2">
                  <div class="form-group">
                        <div class="form-group text-center">
                         <a href="javascript:void(0)" class="swap-area-page"><img src="swap.jpg"class="swap_img_page"></a>
                     
                    </div>
                  </div>
                </div>
               
                <div class="col-md-5">
                  <div class="form-group">
                    <select name="unit_to" id="to_area_page" class="form-control">
                  <option value="">Select Area</option>
                  <option disabled="disabled" class="title">Metric</option>
                  <option value="km²">Square kilometre</option>
                  <option value="ha">Hectare (ha)</option>
                  <option value="a">Are (a)</option>
                  <option value="m²">Square metre</option>
                  <option value="dm²">Square decimetre</option>
                  <option value="cm²">Square centimetre (cm²)</option>
                  <option value="mm²">Square millimetre</option>
                  <option value="µm²">Square micrometre</option>
                  <option value="nm²">Square nanometre</option>
                  <option disabled="disabled">&nbsp;</option>
                  <option disabled="disabled" class="title">British/American</option>
                  <option value="township">Township</option>
                  <option value="square mile">Square mile</option>
                  <option value="homestead">Homestead</option>
                  <option value="acre">Acre</option>
                  <option value="rood">Rood</option>
                  <option value="square rod">Square rod</option>
                  <option value="square">Square</option>
                  <option value="yr²">Square yard (yr²)</option>
                  <option value="ft²">Square foot (ft²)</option>
                  <option value="in²">Square inch (in²)</option>
                  <option disabled="disabled">&nbsp;</option>
                  <option disabled="disabled" class="title">Japanese</option>
                  <option value="tsubo">Tsubo</option>
                  <option value="cho">Cho</option>
                  <option value="tann">Tann</option>
                  <option value="se">Se</option>
                  <option disabled="disabled">&nbsp;</option>
                  <option disabled="disabled" class="title">Other</option>
                  <option value="metric_dunam">Metric dunam</option>
                  <option value="cypriot_dunam">Cypriot dunam</option>
                  <option value="iraqi_dunam">Iraqi dunam</option>
                  <option value="greek_stremma">Greek stremma</option>
                  <option value="football_pitch">Football pitch</option>
                 
                    </select>
                     
                      <span id="to_area_page_err" class="frm-err"></span>    
                     
                  </div>
                </div>
               
              </div>
                <div class="row">
                    <div class="col-md-5">
                   <div class="form-group">
                     <input type="number" id="area_page_amount" name="area_page_amount" aria-label="Amount"  class="form-control"/>
                       <span id="area_page_amount_err" class="frm-err"></span>        
                  </div></div>
                    <div class="col-md-2"></div>
                    <div class="col-md-5">
                   <div class="form-group">
                     <input type="button" id="area_page_btn" name="area_page_btn" class="btn btn-info" value="CONVERT">
                            
                  </div></div>
                </div>
              <div class="row">
                    <div class="col-md-12" id="div_area_page">
                           
                    </div>
                </div>
            
             </div>
             @include('includes/feeds');
          </div>
          <div class="col-md-2"> </div>

        </div>
      </div>
    </section><!-- End Pricing Section -->
    <div class="col-lg-12">
      
    </div>





  </main><!-- End #main -->
    @stop