@extends('layouts.app')

@section('content')
  @if (Auth::user()->role_id >= 5)
    <div class="container-fluid" style="height:100%">
    @include('sidebar')
    <div style="width:90%; float: left; margin:1em 0 0 1em">
  @else
    <div class="container" style="margin:0 1em">
  @endif

    <div class="row">
        <div class="col-sm-7">
          <h3>Cupones</h3>
        </div>
        <div class="col-sm-5">
          <div class="pull-right">
            {!! Form::open(['method'=>'GET','url'=>'coupons','class'=>'navbar-form navbar-left','role'=>'search'])  !!}
            <div class="input-group">
                <input class="form-control" id="search"
                       value="{{ request()->session()->get('search') }}"
                       placeholder="Buscar" name="search"
                       type="text" id="search"/>
                <div class="input-group-btn">
                    <button type="submit" class="btn btn-primary">
                            <i class="fa fa-search" aria-hidden="true"></i>
                    </button>
                </div>
            </div>
            {!! Form::close() !!}
          </div>
        </div>
    </div>
    <table class="table">
        <thead>
        <tr>
            <th style="vertical-align: middle"><a href="{{url('coupons?field=id&sort='.(request()->session()->get('sort')=='asc'?'desc':'asc'))}}">ID</a></th>
                {{request()->session()->get('field')=='id'?(request()->session()->get('sort')=='asc'?'':''):''}}

            <th style="vertical-align: middle"><a href="{{url('coupons?field=name&sort='.(request()->session()->get('sort')=='asc'?'desc':'asc'))}}">Nombre</a></th>
                {{request()->session()->get('field')=='name'?(request()->session()->get('sort')=='asc'?'':''):''}}

            <th style="vertical-align: middle"><a href="{{url('coupons?field=percentage&sort='.(request()->session()->get('sort')=='asc'?'desc':'asc'))}}">Porcentaje</a></th>
                {{request()->session()->get('field')=='percentage'?(request()->session()->get('sort')=='asc'?'':''):''}}

            <th style="vertical-align: middle"><a href="{{url('coupons?field=amount&sort='.(request()->session()->get('sort')=='asc'?'desc':'asc'))}}">Monto</a></th>
                {{request()->session()->get('field')=='amount'?(request()->session()->get('sort')=='asc'?'':''):''}}

            <th style="vertical-align: middle"><a href="{{url('coupons?field=limit&sort='.(request()->session()->get('sort')=='asc'?'desc':'asc'))}}">Límite</a></th>
                {{request()->session()->get('field')=='limit'?(request()->session()->get('sort')=='asc'?'':''):''}}

            <th width="160px" style="vertical-align: middle">
              <a href="{{url('coupons/create')}}"
                 class="btn btn-primary btn-xs"> <i class="fa fa-plus" aria-hidden="true"></i> Nuevo Cupon</a>
            </th>

        </tr>
        </thead>
        <tbody>
        @php
            $i=1;
        @endphp
        @foreach ($coupons as $coupon)
          <tr>
            <th>{{ $coupon->id }}</th>
            <td>{{ $coupon->name }}</td>
            <td>{{ $coupon->percentage }}%</td>
            <td>${{ $coupon->amount }}</td>
            <td>{{ $coupon->limit }}</td>
            <td>
              <a class="btn btn-secondary btn-xs" title="Edit"
                href="{{url('coupons/update/'.$coupon->id)}}">
                <i class="fa fa-pencil"></i>
                </a>
              <input type="hidden" name="_method" value="delete"/>
                <a class="btn btn-danger btn-xs" title="Delete"
                   href="javascript:if(confirm('¿Estás seguro de que quieres eliminar este cupon?')) javascript:if(confirm('Usualmente no se deben eliminar cupones, solo editarlos ¿Estás seguro?')) ajaxDelete('{{url('coupons/delete/'.$coupon->id)}}','{{csrf_token()}}')">
                   <i class="fa fa-trash"></i>
                </a>
            </td>
        </tr>
        @endforeach

        </tbody>
    </table>

        <ul class="pagination">
            {{ $coupons->links() }}
        </ul>
</div>
@endsection