@extends('outlets.layout')

@section('content')

@include('outlets.header', ['title'=>'Manage Vouchers'])  
 
  <!-- Main content -->

  <section class="content"> 

    <!-- Info boxes --> 
 
	  <div class="col-12 text-right">
		<div class="tableButtns">
		   <a class="btn-blue"  href="javascript:void();"  data-toggle="modal" data-target="#myModal"><i class="fa fa-plus"></i> Add Voucher</a>
		</div>
	  </div>
 
	<div class="row">

	  <div class="col-xs-12">

		  @if (count($errors) > 0) @if($errors->any())

		  <div class="alert alert-success alert-dismissible" role="alert">

			  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>

			  {{$errors->first()}}

		  </div>

		  @endif @endif

	  </div>

  </div>
    <!-- /.row -->
 
      <div class="col-md-12">




           
                <table id="example1" class="table">

                  <thead>

                    <tr>

                      <th>ID</th>
                      <th>Package Name</th>
                      <th>Voucher Id</th>
                      <th>Voucher Type</th>
                      <th>Price</th>
                      <th>Add Date</th>
                      <th>Modify Date</th>
                      <th>Action</th>

                    </tr>

                  </thead>
                  <tbody>
                    
                  @if(count($voucher) > 0)
                                    @foreach ($voucher as $key=>$listingS)
                    
                                        <tr>

                                            <td>{{ $i++ }}</td>

                                            <td>{{ $package_name }}</td>
                                            <td>{{ $listingS->voucher_number }}</td>
                                            <td>{{ ($listingS->type == 1) ? 'Paid' : 'Free' }}</td>
                                            <td>${{ $listingS->price }}</td>
                                            <td>{{ $listingS->add_date }}</td>
                                            <td> {{ ($listingS->modify_date != '') ? $listingS->modify_date : 'NA' }}</td>
                                           

                                            <td>
                                              <div class="dropdown dropdown-action">
                                                <a href="#" class="action-icon" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-ellipsis-v"></i></a>
                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a class="dropdown-item" href="javascript:void();" data-toggle="modal" data-target="#myModalV{{ $listingS->id }}"><i class="fa fa-pencil m-r-5"></i> Edit</a>
                                                    <a class="dropdown-item" href="{{ url('outlets/deleteVoucher/'.$listingS->id) }}" onclick="return confirm('Are you sure?')"><i class="fa fa-trash-o m-r-5"></i> Delete</a>
                                                </div>
                                              </div>

                                              <!-- modal -->
                                                    <div id="myModalV{{ $listingS->id }}" class="modal fade" role="dialog">

                                                    <div class="modal-dialog">
                                                      <div class="modal-content custom-popup">
                                                        <div class="modal-header">
                                                          <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                          <h4 class="modal-title">Edit Voucher</h4>
                                                        </div>
                                                        <div class="modal-body">
                                                          <form class="modal-form" action="/outlets/editVoucher" method="post">
                                                            <div class="row">

                                                               <div class="form-group col-md-12">
                                                                    <label>Voucher Type</label>
                                                                     <select class="form-control" name="type">
                                                                       <option value="1" >Paid</option>
                                                                       <option value="2" >Free</option>
                                                                     </select>
                                                                     <input type="hidden" name="voucher_id" value="{{ $listingS->id }}">
                                                                     <input type="hidden" name="package_id" value="{{ $package_id }}">
                                                                </div>
                                                           
                                                              <div class="form-group col-md-12">
                                                                 <div class="form-group">
                                                                    <label>Voucher Price</label>
                                                                     <input type="text" name="price" value="{{$listingS->price}}" class="form-control" >
                                                                </div>

                                                              </div>
                                                        

                                                             </div> 
         
                                                              <input type="hidden" name="id" value="{{ $listingS->id }}">
                                                              <center><button class="model-btn">Submit</button></center>
                                                          </form>
                                                        </div>
                                                      </div>

                                                    </div>
                                                  </div>
                                                   
                                            </td>
                                        </tr>

                                        @endforeach @else

                                        <tr>

                                            <td colspan="5">{{ trans('labels.NoRecordFound') }}</td>

                                        </tr>

                                        @endif

                                    </tbody>

                                </table>

                                <div class="col-xs-12 text-right">

                                 

                                </div>

               

              </div>

        
    
    <!-- /.row --> 



  <div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content custom-popup">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Add New Voucher</h4>
      </div>

      <div class="modal-body">
          <form class="modal-form" action="/outlets/addVoucher" method="post">

          <div class="row">

            <div class="form-group col-md-12">
                 <label>Voucher Type</label>
                 <select class="form-control" name="type">
                   <option value="1">Paid</option>
                   <option value="2">Free</option>
                 </select>
                 
            </div>

            <div class="form-group col-md-12">
                <label>Voucher Price</label>
                 <input type="text" name="price" class="form-control" >
                 <input type="hidden" name="package_id" value="{{ $package_id }}">
            </div>
         
        
          </div>  

            <center><button class="model-btn">Submit</button></center>
        </form>
      </div>
    </div>

  </div>
</div>

  <!-- /.content --> 

<script>
function del_package(url) {
  var temp = confirm('Are you sure!');
  if (temp) {
	window.location = url;
  }
}
</script>
 <style type="text/css">
.table tr td {
    padding: 12px 20px!important;
}

.table tr {
    border-bottom: 1px solid #dee2e6;
}

.btn-blue {
    background: #33077c;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
    font-size: 12px;
    color: #fff;
}
.tpRightTable thead th {
    background-color: #33077c;
}

.btn-blue:hover {
    color: #fff;
}

.btn-red {
    background: #da4439;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
    font-size: 12px;
    color: #fff;
}

.btn-red:hover {
    color: #fff;
}

.btn-blue i {
    color: #fff;
}

.btn-red i {
    color: #fff;
}

.tableButtns a {
    display: inline-block;
    font-size: 16px;
    background-color: #33077c;
    color: #fff;
    padding: 10px 30px;
    border-radius: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.tableButtns i {
    margin-right: 2px;
    font-size: 15px;
    vertical-align: middle;
}
.tableButtns a, .model-btn {
    display: inline-block;
    font-size: 16px;
    background-color: #33077c;
    color: #fff;
    padding: 10px 30px;
    border-radius: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
	cursor:pointer;
}
.table thead th {
    font-size: 14px !important;
}
</style>
    
  </section>
@endsection