@extends('frontend.template', ['title'=>'tickets'])

@section('content')
  <input type="button" value="DRAFT TICKET" class="more active" onclick="location.href='{{url('ticket/save')}}'">

  @if(count($tickets) > 0 )
  <div class="table-responsive margin-top-20">
    <table class="table table-bordered table-hover">
      <thead>
      <tr>
        <th width="220px" class="bold">Status</th>
        <th width="160px" class="bold">Code</th>
        <th class="bold">Title</th>
        <th class="bold">Category</th>
        <th class="bold">Quoted Price</th>
        <th class="bold">Requested On</th>
        <th class="bold">Quotation</th>
        <th class="bold">Invoice</th>
      </tr>
      </thead>
      <tbody>
      @foreach($tickets as $ticket)
        <tr>
          <td>
            {{ ViewHelper::ticketStatFrontend($ticket) }}
            @if($ticket->stat == TicketStat::Quoted || $ticket->stat == TicketStat::Invoiced)
              <button type="button" onclick="location.href='{{url('ticket/view/'.$ticket->ticket_id)}}'" class="btn btn-primary">
                {{ $ticket->stat == TicketStat::Quoted ? "Respond" : "Payment" }}
              </button>
            @endif
          </td>
          <td>
            <a href="{{ ViewHelper::ticketLinkFrontend($ticket) }}">{{ $ticket->ticket_code }}</a>
            @if($ticket->stat == TicketStat::Drafted)
            <button class="btn btn-sm btn-danger pull-right" onclick="deleteTicket({{$ticket->ticket_id}},'{{$ticket->ticket_code}}')"><i class="fa fa-trash"></i></button>
            <div style="clear:both"></div>
            @endif
          </td>
          <td>{{  $ticket->title }}</td>
          <td>{{ isset($categories[$ticket->category_id]) ? $categories[$ticket->category_id] : '' }}</td>
          <td>{{ ViewHelper::formatCurrency($ticket->quoted_price) }}</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('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('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>
    @else
      <div class="alert alert-info" style="margin-top: 20px">
        No tickets
      </div>
    @endif
  </div>


  <!-- Modal -->
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="deleteModalLabel">Delete Ticket</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          Are you sure you want to delete ticket <b><span id="modal-delete-ticket-code"></span></b>.
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">No</button>
          <a type="button" class="btn btn-danger" id="modal-delete-id">Yes</a>
        </div>
      </div>
    </div>
  </div>
@endsection

@section('script')
<script>
function deleteTicket(id,code){
  $('#modal-delete-ticket-code').html(code);
  $('#modal-delete-id').attr('href',"{{url('ticket/delete/')}}/"+id);
  $('#deleteModal').modal();
}
</script>
@endsection