@extends('header.header')
@section('content')

<script>
        var cookies = document.cookie.split(";");

    for (var i = 0; i < cookies.length; i++) {
        var cookie = cookies[i];
        var eqPos = cookie.indexOf("=");
        var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
        document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT";
    }
    
</script>


<div class="header pb-6 d-flex align-items-center" style="min-height: 200px; background-image: url(../assets/img/theme/profile-cover.jpg); background-size: cover; background-position: center top;">
    <!-- Mask -->
    <span class="mask bg-gradient-default opacity-8"></span>
    <!-- Header container -->

  </div>





  <div class="container-fluid mt--6  ">
    <div class="row">

      <div class="offset-xl-2 col-xl-8 order-xl-1 ">
        <div class="card">
          <div class="card-header">
            <div class="row align-items-center">
              <div class="col-8">
                <h3 class="mb-0">Add Supermarket </h3>
              </div>
       
            </div>
          </div>
          <div class="card-body">
          
            <form method="post"  action="PostSupermarket"  enctype="multipart/form-data">

            @csrf




              <div class="pl-lg-4">
                <div class="row">
                    
                    
                    
                <div class="col-lg-6">
                    <a href="SelectAddress">
                    <div class="form-group">
                      <label class="form-control-label" for="input-Latitude">Latitude </label>
                      <input type="number" id="input-Latitude" name="lat" class="form-control readonly" value=@if(isset($_COOKIE["address_store_lat"])) {{$_COOKIE["address_store_lat"] }} @endif placeholder="Latitude Address"   required>
                    </div>
                      </a>
                  </div>
                  <div class="col-lg-6">
                    <div class="form-group">
                      <label class="form-control-label" for="input-Longitude">Longitude </label>
                      <input type="number" id="input-Longitude" name="long" class="form-control readonly" value=@if(isset($_COOKIE["address_store_lng"])) {{$_COOKIE["address_store_lng"] }} @endif placeholder="Longitude  Address"   required>
                    </div> 
                  </div>  
                  
                  
                  <div class="col-lg-6">
                    <div class="form-group">
                      <label class="form-control-label" for="input-username">EN: Supermarket name</label>
                      <input type="text" id="input-RestaurantName" name="SupermarketName" class="form-control" placeholder="Supermarket Name " required>
                    </div>
                  </div>
                  
                  <div class="col-lg-6">
                    <div class="form-group">
                      <label class="form-control-label" for="input-username">AR: Supermarket name</label>
                      <input type="text" id="input-RestaurantName" name="SupermarketName_ar" class="form-control" placeholder="Supermarket Name " required>
                    </div>
                  </div>
      

                  
                  <div class="col-lg-6">
                    <div class="form-group">
                      <label class="form-control-label" for="input-city">Address    </label>
                      <input type="text" id="input-city" name="city" class="form-control"   placeholder="Address" required>
                    </div>
                
                  </div>
        
                


                  <div class="col-lg-6">
                    <div class="form-group">
                      <label class="form-control-label" for="input-Tax">Tax</label>
                      <input type="number" id="input-Tax" name="tax" class="form-control" placeholder="Enter Tax" required>
                    </div>
                  </div> 


                  <div class="col-lg-6">
                    <div class="form-group">
                      <label class="form-control-label" for="input-phone_number">phone_number </label>
                      <input type="number" id="input-phone_number"  name="phone_number" class="form-control" placeholder="Enter phone_number" value="Jesse" required>
                    </div>
                  </div>



                  <div class="col-lg-6">
                    <div class="form-group">
                      <label class="form-control-label" for="input-phone_number">Supermarket Image </label>
                      <input type="file" id="input-phone_number" name="Supermarket_Image" class="form-control"  value="Jesse" accept="image/x-png,image/gif,image/jpeg,image/png,image/jpg,image/svg">
                    </div>
                  </div>
                  
                     <div class="col-lg-6">
                    <div class="form-group">
                      <label class="form-control-label" for="input-phone_number"> Estimate delivery time</label>
                      <input type="text" id="input-city" name="estimate_delivery_time" class="form-control"   placeholder="Enter Estimate delivery time" required>

                    </div>
                  </div>  
                  
                  <div class="col-lg-12">
                    <div class="form-group">
                      <button type='submit' class="btn btn-primary" name="addRestaurant">Submit</button>
                      <a href="Supermarkets" class="btn btn-danger">cancel</a>

                    </div>
                  </div>

           
              <hr class="my-4 ">
              <!-- Address -->
     
       
       
            </form>
          </div>
        </div>
      </div>
    </div>
</div>
</div>

  
  @endsection