@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 Branch </h3>
              </div>

            </div>
          </div>
          <div class="card-body">

            <form method="post"  action="AddBranch"  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_lng"])) {{$_COOKIE["address_store_lng"] }} @endif placeholder="LatitudeAddress"   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_lat"])) {{$_COOKIE["address_store_lat"] }} @endif placeholder="LongitudeAddress"   required>
                    </div>
                  </div>



                                        <input type="hidden" name="StoreID" class="form-control" value="" required>

                  <div class="col-lg-6">
                    <div class="form-group">
                      <label class="form-control-label" for="input-username">EN: Branch  name</label>
                      <input type="text" id="input-RestaurantName" name="BranchName" class="form-control" placeholder="name" required>
                    </div>
                  </div>



                  <div class="col-lg-6">
                    <div class="form-group">
                      <label class="form-control-label" for="input-username">AR: Branch  name</label>
                      <input type="text" id="input-RestaurantName" name="BranchName_ar" class="form-control" placeholder="name" required>
                    </div>
                  </div>




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

                  </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label class="form-control-label" for="input-city">Branch Arabic Address</label>
                            <input type="text" id="input-city" name="location_name_ar" class="form-control"   placeholder="Address Arabic" 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="javascript:history.back()" class="btn btn-danger">cancel</a>

                    </div>
                  </div>


              <hr class="my-4 ">
              <!-- Address -->




          </div>

        </div>
            </form>
      </div>
    </div>
</div>
</div>


  @endsection