@extends('layouts.app1')

@section('content')

<!-- page content -->
<div class="right_col" role="main">
  @include('flashmessage')
          <div class="">
            <div class="page-title">
              <div class="title_left">
                <h3>Recharge Plan List</h3>
              </div>

              
            </div>
            
            <div class="clearfix"></div>

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

            <div class="row">
              <div class="col-md-12 col-sm-12 ">
                <div class="x_panel">
                  <div class="x_title">
                    <h2>Recharge Plans 
                        <a href="/recharge_plan/create" class="btn btn-success" 
                            style="position: absolute;right: 15px;top: 6px;">Add Plan</a> 
                    </h2>
                    
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
                      <div class="row">
                          <div class="col-sm-12">
                            <div class="card-box table-responsive">
                    
					
                     <table id="datatable-responsive1" class="table table-bordered table-striped dataTable" cellspacing="0" width="100%" style="white-space: nowrap">
                      <thead>
                        <tr>
                            <th>Action</th>
                            <!--<th>S.N.</th>-->
                            <th>Name</th>
                            <th>Code</th>
                            <th>Type</th>
                            <th>Description</th>
                            <th>Amount</th>                                               
                            
                        </tr>
                      </thead>
                      <tbody>                    
                            @foreach ($rechargePlan as $key=> $list)                          
                            <tr>
                                <td>
                                    <a href="/recharge_plan/{{$list->id}}/edit"> 
                                        <i class="fa fa-edit"></i>
                                    </a>
                                    &nbsp;
                                    <a href="#" data-toggle="modal" data-target="#exampleModal{{$list->id}}"> 
                                        <i class="fa fa-trash"></i>
                                    </a>
                                </td>
                                <!--<td>{{$key+1}}</td>-->
                                <td>{{$list->name}}</td>
                                <td>{{$list->code}}</td>
                                <td>{{$list->type == 1?'Mobile':'DTH'}}</td>
                                <td>{{$list->description}}</td>
                                <td>{{$list->amount}}</td>
                                
                            </tr>
                            <!-- Modal -->
                            <div class="modal fade" id="exampleModal{{$list->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                              <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                  <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalLabel"></h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                      <span aria-hidden="true">&times;</span>
                                    </button>
                                  </div>
                                  <form action="/recharge_plan" method="post">
                                    @csrf
                                    @METHOD('DELETE')
                                    <div class="modal-body">
                                      <h2>Are you sure delete this plan?</h2>
                                    </div>
                                    <input type="hidden" name="plan_id" value="{{$list->id}}">
                                    <div class="modal-footer">
                                      <button type="button" class="btn btn-danger" data-dismiss="modal">No</button>
                                      <button type="submit" class="btn btn-success">Yes</button>
                                    </div>
                                  </form>
                                </div>
                              </div>
                            </div>
                            @endforeach
                                             
                      </tbody>
                      
                      <tfoot>

							<tr>
                                <td colspan="11">