@if(Auth::check())
@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="row">
       <div class="col-sm-12">
          <div class="card">
                 <div class="row mt-4 ml-3">
                     <div class="col-md-9">
                        <div class="header-title">
                            <h4 class="card-title">All SMS Packages</h4>
                        </div>
                     </div>
                     <div class="col-md-3">
                        <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#exampleModal"><i class="fa fa-plus"></i>Add Package</button>
                     </div>
                 </div>
             <div class="card-body">
                <div class="table-responsive">
                   <table id="datatable" class="table data-table table-striped">
                      <thead>
                         <tr class="ligth">
                            <th>No</th>
                            <th>Name</th>
                            <th>SMS</th>
                            <th>Unit Price</th>
                            <th>Total Price</th>
                            <th>Added By</th>
                            <th>Added On</th>
                            <th>Edit</th>
                            <th>Activate</th>
                         </tr>
                      </thead>
                      <tbody>
                          @if(count($packages) > 0)
                            @foreach($packages as $package)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $package->package }}</td>
                                <td>{{ $package->sms }}</td>
                                <td>{{ number_format(($package->total_cost)/($package->sms)) }}</td>
                                <td>{{ number_format($package->total_cost) }}</td>
                                <td>{{ $package->user->name }}</td>
                                <td>{{ $package->created_at }}</td>
                                <td><a class="btn btn-info btn-sm"href="/sms/packages/{{ $package->id }}">Edit</a></td>
                                <td>@if($package->status ==1)
                                    <form method="post" action="/sms/packages/{{ $package->id }}">
                                        @csrf
                                        @method('delete')
                                        <button class="btn btn-danger btn-sm">Deactivate</button>
                                    </form>
                                    @else
                                    <form method="post" action="/sms/packages/{{ $package->id }}">
                                        @csrf
                                        @method('delete')
                                    <button class="btn btn-info btn-sm">Activate</button>
                                    </form>
                                    @endif
                                </td>
                             </tr>
                            @endforeach
                          @endif
                      </tbody>
                      <tfoot>
                         <tr>
                            <th>No</th>
                            <th>Name</th>
                            <th>SMS</th>
                            <th>Unit Price</th>
                            <th>Total Price</th>
                            <th>Added By</th>
                            <th>Added On</th>
                            <th>Edit</th>
                            <th>Activate</th>
                         </tr>
                      </tfoot>
                   </table>
                </div>
             </div>
          </div>
                                                               {{-- Add business modal --}}
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header bg-info" style="display: inline">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title text-white" id="exampleModalLabel">Add a New SMS Package</h4>
        </div>
        <form method="POST" action="/sms/packages">
            @csrf
            <div class="modal-body">
                <div class="form-group">
                    <label class="control-label">Package Name</label>
                    <input type="text" class="form-control" name="name" required placeholder="Package Name">
                </div>
                <div class="form-group">
                    <label class="control-label">No. of SMS</label>
                    <input type="number" class="form-control" name="sms" required placeholder="SMS number">
                </div>
                <div class="form-group">
                    <label class="control-label">Total Cost</label>
                    <input type="number" class="form-control" name="cost" placeholder="Total Cost" required>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger btn-sm" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                <button type="submit" class="btn btn-info btn-sm"><i class="fa fa-check"></i> Submit</button>
            </div>
        </form>
      </div>
    </div>
  </div>
  {{-- modal ends --}}
       </div>
    </div>
 </div>
@endsection

@else
return redirect()->route('login');
@endif