@extends('layouts.master')
@section('page_title')
@if(isset($page_title))
{{ $page_title }}
@endif
@endsection

@section('content')
<div class="">
  <div class="page-title">
    <div class="title_left">
      <div class="title_left">
        <ol class="breadcrumb">
          <li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
          <li class="active">Click Apps</li>
        </ol>
      </div>
    </div>


    <div class="title_right">
      <div class="row">
        <form method="GET" action="{!! url('clickapps/') !!}">
          <div class="col-md-5 col-sm-5 col-xs-12 form-group">
            <div style="margin-top:1px; margin-right:-90px;" class="top_search">
              {!! Form::select('filter', $columns, null, ['class' => 'form-control', 'placeholder' => 'Select Filter here']) !!}
            </div>
          </div>
          <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search" style="margin-top: -2px;">
            <div class="input-group">
              <input type="text" name="keyword" class="form-control" placeholder="Keyword here...">
              <span class="input-group-btn">
                <button type="submit" class="btn btn-primary" style="color: #fff;" type="button">Go!</button>
              </span>
            </div>
          </div>
        </form>
      </div>
      <div class="row">
          <div class="col-sm-12">
          <div class="pull-right">
              <a href="{!! url('clickapps') !!}" class="btn btn-warning btn-xs"><i class="fa fa-refresh"></i> Reset Filter</a>
          </div>
          </div>
      </div>
    </div>

  </div>
  <div class="clearfix"></div>
  <div class="row">
    @include('commons.notifications')
    <div class="col-md-12 col-sm-12 col-xs-12">
      <div class="x_panel">
        <div class="x_title">
          <h2>Click Apps</h2>
          <div class="pull-right">
            <a class="btn btn-primary btn-sm" href="{!! url('clickapps/create') !!}"><i class="fa fa-plus-circle"></i> New App
            </a>
          </div>
          <div class="clearfix"></div>
        </div>

        <div class="x_content">

          <div class="table-responsive">
            <table class="table table-striped ">
              <thead>
                <tr class="headings">
                  {{-- <th>#</th> --}}
                  <th class="column-title">App Name</th>
                  <th class="column-title">Type</th>
                  <th class="column-title">Code/URL</th>
                  <th class="column-title">Country</th>
                  <th class="column-title">Operator</th>
                  <th class="column-title">TFree</th>
                  <!-- <th class="column-title">App Path</th> -->
                  <th class="column-title">Client</th>
                  <th class="column-title">Status</th>
                  <th class="column-title">Launch Date</th>
                  <th class="column-title">Other Info</th>
                  <th class="column-title no-link last"><span class="nobr">Action</span>
                  </th>
                  <th class="bulk-actions" colspan="7">
                    <a class="antoo" style="color:#fff; font-weight:500;">Bulk Actions ( <span class="action-cnt"> </span> ) <i class="fa fa-chevron-down"></i></a>
                  </th>
                </tr>
              </thead>

              <tbody>
                @if ($click_apps->isEmpty())
                <tr>
                  <td class="" colspan="6">No Records found</td>
                </tr>
                @else
                @foreach ($click_apps as $row)
                <tr class="even pointer">
                  <td class="mes-td">{{ $row->app_name }}</td>
                  <td class="mes-td">{{ $row->app_type }}</td>
                  <td class="mes-td">{{ $row->code }}</td>
                  <td class="mes-td">{{ $row->country }}</td>
                  <td class="mes-td">{{ $row->operator }}</td>
                  <td class="mes-td">{{ $row->tollfree }}</td>
                  <!-- <td class="mes-td">{{ $row->app_path or '' }}</td> -->
                  <td class="mes-td">{{ $row->client }}</td>
                  <td class="mes-td">{{ $row->status }}</td>
                  <td class="mes-td" style="width: 100px;">{{ $row->launch_date }}</td>
                  <td class="mes-td">{{ $row->other_info }}</td>
                  <td class="last" style="width: 100px;">
                    <span>
                      <a href="{!! url('/clickapps/' . $row->id. '/edit')!!}" class="btn btn-xs btn-primary"><i class="fa fa-edit"></i></a>
                      <a title="Remove Client" data-val="{{ $row->id }}" class="btn btn-xs btn-danger removeApp"><i class="fa fa-trash"></i></a>
                    </span>
                  </td>
                </tr>
                @endforeach
                @endif
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

@endsection



@section('javascript')
  <script type="text/javascript">
  $(document).ready(function(){
      $(".removeApp").click(function(evt){
          var recordsTotal = Number($('#totalRecords').text());
          var _row = $(this).parents('tr');
          var recordID = $(evt.currentTarget).data('val')
          swal({
              title: "Delete Confirmation",
              text: "This will remove the App record completely from the system. Do you want to continue",
              type: "info",
              showCancelButton: true,
              confirmButtonClass: "btn-danger conBtn",
              confirmButtonText: "Yes, remove it!",
              showLoaderOnConfirm: true,
              closeOnConfirm: false,
              closeOnCancel: false
            },
            function(isConfirm){
              if (isConfirm) {
                  $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    type: "DELETE",
                    data: { id: recordID },
                    url: base_url + "/clickapps/" + recordID,
                    success: function(data){
                        if (data.code === 1) {
                            $(_row).remove();
                            swal("Deleted!", "Selected app has been removed .", "success");
                        }
                        if (data.code === 3) {
                            swal("Not Permitted", "This Operator has transactions! .", "warning");
                        }
                    }
                  });
              } else {
                swal("Cancelled", "You cancelled the operation :)", "error");
              }
            });
    });
  });
  </script>


@endsection