@extends('admin.layout')

@section('content')
<style type="text/css">
  .modal-body {

    padding: 5rem 4rem;

    text-align: center;

}
.modal-footer .btn-primary:hover{
  background: transparent;
  border-color: transparent;
}

.dropdown-toggle::after{
    display: none;
}
.modal-body {

    font-size: 16px;

}



.modal-content {

    min-height: auto;

}



.modal-title {

    padding-left: 0;

}





.modal-body p {

    margin-bottom: 0;

    font-size: 24px;

    font-weight: 600;

}
.ecom-btn-border1{
      min-width: 125px;
          padding: 3px 9px;
}
.bg-beauty-green{
  background: #4CAF50 !important;
}
.container-custom01{
  max-width: 1900px;
  width: 100%;
  padding-left: 2%;
  padding-right: 2%;
}
.content-wrapper.close-wrapper {
   margin-left: 300px!important;
   }
   .content-wrapper {
   margin-left: 0px!important;
   }
   .sidenav {
   width: 0px;
   }
</style>

<div class="content-wrapper"> 


  <!-- Main content -->

  <section class="content"> 

    <!-- Info boxes --> 

    

    <!-- /.row -->

<div class="container-custom01">

    <div class="row">

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


            <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>

            <div class="row">

              <div class="col-md-12">
              
                <div class="" style="text-align: right;margin-bottom: 20px;">
                  <a class="btn-blue"  href="javascript:void();"  data-toggle="modal" data-target="#myModal"><i class="fa fa-plus"></i> Add Voucher</a>
                </div>
               
                <table id="example1" class="table">

                  <thead>

                    <tr>

                      <th>ID</th>
                      <th>Package Id</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 dropdown-toggle" 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="javascript:void(0)" onclick="del_package('deletepackage/{{ $listingS->id }}')"><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="/admin/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>

            </div>

          </div>

          <!-- /.box-body --> 

        </div>

        <!-- /.box --> 

      </div>

      <!-- /.col --> 

    </div>

    <!-- /.row --> 

    
  </section>

  <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="/admin/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>

</div>

@endsection