@extends("admin.template")

@section("content")
<div class="row">
  <div class="col-xs-6">
    <h1 class="page-title">
      Tickets
    </h1>
  </div>
  <div class="col-xs-6 text-right">
    @if(ViewHelper::hasAccess('ticket_draft'))
    <a class="btn btn-warning" href="{{url('/admin/ticket/setting')}}">Email Setting</a>
    <button type="button" class="btn blue" onclick="location.href='{{url('admin/ticket/save')}}'">Create</button>
    @endif
  </div>
</div>

<div class="portlet light bordered">
  <div class="portlet-body">
    <form action="" method="post" id="filter">
      {!! csrf_field() !!}
      <div class="table-responsive">
        <table class="table table-bordered">
          <thead>
            <tr>
              <th class="search-th-stat">Status</th>
              <th class="search-th-txt">Code</th>
              <th class="search-th-txt">Title</th>
              <th>Show top</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>{!! Form::select('stat', TicketStat::getValues(), isset($search['stat']) ? $search['stat'] : '', ['class'=>'form-control search-stat', 'placeholder'=>'']) !!}</td>
              <td>{!! Form::text('ticket_code', '', ['class'=>'form-control search-txt']) !!}</td>
              <td>{!! Form::text('title', '', ['class'=>'form-control search-txt']) !!}</td>
              <td>{!! Form::text('limit', 100, ['class'=>'form-control search-txt']) !!}</td>
            </tr>
          </tbody>
        </table>
      </div>

      <div class="row">
        <div class="col-md-12 text-center">
          <button type="submit" name="submit" class="btn blue" value="Search">Search</button>
          <button onclick="  $(':input').not(':button, :submit, :reset,:hidden').val('');document.getElementById('filter').submit();" class="btn green">Clear</button>
        </div>
      </div>
    </form>
  </div>
</div>

<div class="portlet light bordered">
  <div class="portlet-body">
    @if(Session::has('search_result'))
    <div class="alert alert-success ">
      {{ Session::get('search_result') }}
    </div>
    @endif

    <div class="table-responsive">
      <table class="table table-bordered table-hover" id="table_ticket">
        <thead>
          <tr>
            <th width="160px">Status <i class="fa fa-sort pull-right" style="color: grey"></i></th>
            <th width="180px">Code <i class="fa fa-sort pull-right" style="color: grey"></i></th>
            <th>Title <i class="fa fa-sort pull-right" style="color: grey"></i></th>
            <th>Category <i class="fa fa-sort pull-right" style="color: grey"></i></th>
            <th>Quoted Price <i class="fa fa-sort pull-right" style="color: grey"></i></th>
            <th>Final Price <i class="fa fa-sort pull-right" style="color: grey"></i></th>
            <th>Requested By <i class="fa fa-sort pull-right" style="color: grey"></i></th>
            <th>Requested Date <i class="fa fa-sort pull-right" style="color: grey"></i></th>
            <th width="80px">Quotation <i class="fa fa-sort pull-right" style="color: grey"></i></th>
            <th width="80px">Invoice <i class="fa fa-sort pull-right" style="color: grey"></i></th>
          </tr>
        </thead>
        <tbody>
          @foreach($tickets as $ticket)
          <tr>
            <td>{{  ViewHelper::ticketStatFrontend($ticket)  }}</td>
            <td>
              <a href="{{ ViewHelper::ticketLinkAdmin($ticket) }}">{{ $ticket->ticket_code }}</a>
              @if($ticket->stat == TicketStat::Paid)
                <a href="{{url('admin/archive'.'/save/'.$ticket->ticket_id)}}" class="btn btn-sm btn-primary pull-right"><i class="fa fa-archive"></i></a>
                <div style="clear:both"></div>
              @endif
            </td>
            <td>{{  $ticket->title }}</td>
            <td>{{ isset($categories[$ticket->category_id]) ? $categories[$ticket->category_id] : '' }}</td>
            <td>{{ $ticket->quoted_price }}</td>
            <td>{{ $ticket->final_price==null?"N/A":$ticket->final_price }}</td>
            <td>{{ $ticket->requested_by }}</td>
            <td>{{ ViewHelper::formatDate($ticket->requested_on) }}</td>
            <td>

              @if(TicketStat::$values[$ticket->stat]!='Drafted' && TicketStat::$values[$ticket->stat]!='Opened')
              <a target="_blank" href='{{url('admin/ticket/'.$ticket->ticket_id.'/download?type=quotation')}}' class='btn btn-warning'><i class="fa fa-file-pdf-o"></i> Download</a>
              @endif
            </td>
            <td>
              @if(TicketStat::$values[$ticket->stat]=='Invoiced' && TicketStat::$values[$ticket->stat]!='Paid')
              <a target="_blank" href='{{url('admin/ticket/'.$ticket->ticket_id.'/download?type=invoice')}}' class='btn btn-warning'><i class="fa fa-file-pdf-o"></i> Download</a>
              @endif
            </td>
          </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>
</div>
@endsection

@section('css')
  <style>
    .dt-buttons{
      margin-top: 0 !important;
      margin-bottom: 4px;
    }
  </style>
@endsection
@section('script')
  <script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js"></script>
  <script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.flash.min.js"></script>
  <script src="https://cdn.datatables.net/1.10.9/js/dataTables.bootstrap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
  <script src="https://cdn.datatables.net/buttons/1.2.1/js/buttons.html5.min.js"></script>
<script>
  $(document).ready(function() {
    $('#table_ticket').DataTable({
        searching:false,
        lengthMenu: [[10, 25, 50,100, -1], [10, 25, 50,100, "All"]],
        dom: 'Blfrtip',
        buttons: [
            {
                extend: 'excel',
                text: 'Export excel',
                className: 'exportExcel',
                filename: 'Export excel',
                exportOptions: {
                    columns:[0,1,2,3,4,5],
                    modifier: {
                        page: 'all'
                    }
                }
            },
        ]
    });
  } );
</script>
@endsection