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





<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 offer </h3>
              </div>
       
            </div>
          </div>
          <div class="card-body">
          
            <form method="post"  action="AddBranch"  enctype="multipart/form-data">

            @csrf




                           <div class="pl-12">
                       
                           <div class="row ">
                                 
                                   <div class="offset-3 col-6"> 
                                
                                
                                
                                            <div class="col-lg-12 p-2">
                                            
                                            
                                                       <input type="text" name="offerName" minlength="5"  class="form-control input-border-bottom" placeholder="Offar Name " REQUIRED>
                                            
                                            </div>

                                
                                    
                                            <div class="col-lg-12 p-2">
                                            
                                            
                                            
                                                            <select class="form-control" required="" name="offerType" onchange="SelectType(this)">                  
                                                            
                                                            <option value="">Select Offer Type </option>
                                                            <option value=1>Deleviry Free</option>
                                                            <option value=2>By Percent</option>
                                                            
                                                            
                                                            
                                                            </select>
                                            
                                            
                                            
                                            </div>
                         
                            
                            
                            
                                            <div class="col-lg-12 d-none p-2" >
                                                
                                                    <input id="inputFloatingLabel"   type="number" min="0" max="100" step="any"name="offerPrice" class="form-control input-border-bottom" >                                   
                                                    
                                                    <label for="inputFloatingLabel" class="placeholder">offer price %</label>
                                                    
                                            </div>
                            
                            
                      

                         
                           



                                        <div class="col-lg-12 p-2">

                                                    <div class="input-group p-3">
    
                                                            <label class="mt-2">Start Offer :</label>&nbsp;&nbsp; 
                                                            <input type="datetime-local" class="form-control" name="from" required> 
                                                            <div class="input-group-append">
                                                                </div>&nbsp;&nbsp;<label class="mt-2">End Offer:</label>&nbsp;&nbsp;  
                                                                <input type="datetime-local" class="form-control"  name="to" required>
                                                                <div class="input-group-append">
                                                                    </div>
    
    
                                                        </div>                                
                                        </div>






                                       <div class="col-lg-12 p-2">
                                            
                                     

                                                <select class="form-control" required="" name="offerTypeItems" onchange="SelectItems(this)">       
                                       
                                                <option >Select Offer Effect On</option>
                                                <option value="1">Category</option>
                                                <option value="2">Items</option>
    
                                                  
                                                                
                                                </select>
                                        </div>
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                            
                                                
                                        <div class="col-lg-12 p-2">
                                                <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>
                            
                        
                                   </div>
                                   
                                        
                                     
           




      


                  
           

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

  
  @endsection