@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%;
}
</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" style="min-height: 600px;">
              
                <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 Plan</a>
                </div>

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

                  <thead>

                    <tr>

                      <th>ID</th>

                      <th>Topup Price</th>

                      <th> Bonus</th>

                      <th>Action</th>

                    </tr>

                  </thead>
                  <tbody>

                  @if(count($topup_plan)>0) 
                                    @foreach ($topup_plan as $key=>$listingS)
                    
                                        <tr>

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

                                            <td>${{ $listingS->price }}</td>

                                            <td>${{ $listingS->bonus }}</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="#myModal{{ $listingS->id }}"><i class="fa fa-pencil m-r-5"></i> Edit</a>
                                                    <a class="dropdown-item" href="deletetopupplan/{{ $listingS->id }}"><i class="fa fa-trash-o m-r-5"></i> Delete</a>
                                                </div>
                                              </div>

                                              <!-- modal -->
                                                    <div id="myModal{{ $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 Topup Plan</h4>
                                                        </div>
                                                        <div class="modal-body">
                                                          <form class="modal-form" action="/admin/edittopupplan" method="post">
                                                              <div class="form-group">
                                                                  <label>Topup Price</label>
                                                                   <input type="text" name="topup_price" value="{{ $listingS->price }}" class="form-control" >
                                                              </div>
                                                              <div class="form-group">
                                                                   <label>Bonus Price</label>
                                                                   <input type="text" name="bonus_price" value="{{ $listingS->bonus }}" class="form-control" >
                                                              </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">

                                    {{$topup_plan->links()}}

                                </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 Topup Plan</h4>
      </div>
      <div class="modal-body">
        <form class="modal-form" action="/admin/addtopupplan" method="post">
            <div class="form-group">
                <label>Topup Price</label>
                 <input type="text" name="topup_price" class="form-control" >
            </div>
            <div class="form-group">
                 <label>Bonus Price</label>
                 <input type="text" name="bonus_price" class="form-control" >
            </div>
            <center><button class="model-btn">Submit</button></center>
        </form>
      </div>
    </div>

  </div>
</div>

  <!-- /.content --> 

</div>

@endsection