@extends('frontend.template', ['title'=>strtoupper($action). ' TICKET'])

@section('content')
  <form method="post" action="" class="form-horizontal" id="app">
    {{ csrf_field() }}

    <div class="form-group">
      <label class="control-label col-md-2 ticket-md-2">
        Title
      </label>
      <div class="col-md-10 ticket-md-10">
        <div class="form-control-static">
          {{ $ticket->title }}
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-md-6">
        <div class="form-group">
          <label class="control-label col-md-3">
            Ticket Code
          </label>
          <div class="col-md-9">
            <div class="form-control-static">
              {{ $ticket->ticket_code }}
              @if($ticket->stat == TicketStat::Declined)
              <button class="btn btn-sm btn-success" type="button" data-toggle="modal" data-target='#declineModal'><i class="fa fa-info-circle"></i> View Reason</button>
              @endif
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="form-group">
          <label class="control-label col-md-3">
            Status
          </label>
          <div class="col-md-9">
            <div class="form-control-static">
              {{ ViewHelper::ticketStatFrontend($ticket) }}
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-md-6">
        <div class="form-group">
          <label class="control-label col-md-3">
            Category
          </label>
          <div class="col-md-9">
            <div class="form-control-static">
              {{ $ticket->category_name }}
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="form-group">
          <label class="control-label col-md-3">
            Urgency
          </label>
          <div class="col-md-9">
            <div class="form-control-static">
              {{ TicketUrgency::$values[$ticket->urgency] }}
            </div>
          </div>
        </div>
      </div>
    </div>

    @if(! in_array($ticket->stat, [TicketStat::Drafted, TicketStat::Opened]))
      <div class="row">
        <div class="col-md-6">
          <div class="form-group">
            <label class="control-label col-md-3">
              Quoted Price
            </label>
            <div class="col-md-9">
              <div class="form-control-static">
                {{ ViewHelper::formatCurrency($ticket->quoted_price) }}
              </div>
            </div>
          </div>
        </div>
      </div>
    @endif

    <div class="row">
      <div class="col-md-6">
        <div class="form-group">
          <label class="control-label col-md-3">
            Company Name
          </label>
          <div class="col-md-9">
            <div class="form-control-static">
              {{ $ticket->company_name }}
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="form-group">
          <label class="control-label col-md-3">
            Office Name
          </label>
          <div class="col-md-9">
            <div class="form-control-static">
              {{ $ticket->office_name }}
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-md-6">
        <div class="form-group">
          <label class="control-label col-md-3">
            Address
          </label>
          <div class="col-md-9">
            <div class="form-control-static">
              {{ $ticket->office_addr }}
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="form-group">
          <label class="control-label col-md-3">
            Postal Code
          </label>
          <div class="col-md-9">
            <div class="form-control-static">
              {{ $ticket->office_postal }}
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-md-6">
        <div class="form-group">
          <label class="control-label col-md-3">
            Requested By
          </label>
          <div class="col-md-9">
            <div class="form-control-static">
            {{ $ticket->requested_by }} on {{ ViewHelper::formatDateTime($ticket->requested_on) }}
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="form-group">
          <label class="control-label col-md-3">
            Description
          </label>
          <div class="col-md-9">
            <div class="form-control-static">
              {!! nl2br($ticket->requester_desc) !!}
            </div>
          </div>
        </div>
      </div>
    </div>
    
    @if($ticket->payment_method)
      <div class="row">
        <div class="col-md-6">
          <div class="form-group">
            <label class="control-label col-md-3">
              Payment Method
            </label>
            <div class="col-md-9">
              <div class="form-control-static">
                {{ PaymentMethod::$values[$ticket->payment_method] }}
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group">
            <label class="control-label col-md-3">
              Ref No
            </label>
            <div class="col-md-9">
              <div class="form-control-static">
                {{ $ticket->ref_no }}
              </div>
            </div>
          </div>
        </div>
      </div>
    @endif

    <div class="form-group">
      <label class="control-label col-md-2 ticket-md-2">Issues</label>
      <div class="col-md-10 ticket-md-10">
        @if(count($ticket->issues))
          <table class="table table-bordered no-margin-btm">
            <thead>
            <tr>
              <th width="33%">Image / Video</th>
              <th width="33%">Issue</th>
              <th  width="33%">Expected Outcome</th>
            </tr>
            </thead>
            <tbody>
              @foreach($ticket->issues as $issue)
                <tr>
                  <td>
                    @if($issue->image != '')
                      @if(ViewHelper::isImage($issue->image))
                        <img src="{{asset('assets/images/tickets/'.$issue->image)}}" class="ticket-image" style="max-width:100%"/>
                      @elseif(ViewHelper::isVideo($issue->image))
                        <video width="320" height="240" controls>
                          <source src="{{asset('assets/images/tickets/'.$issue->image)}}">
                          Your browser does not support the video tag.
                        </video>
                      @else 
                      <a target="_blank"  href="{{asset('assets/images/tickets').'/'.$issue->image}}"  class="btn btn-warning"><i class="fa fa-file-pdf-o"></i> {{$issue->image}}</a>
                      @endif
                    @endif
                  </td>
                  <td>
                    {{ $issue->issue_desc }}
                  </td>
                  <td>
                    {{ $issue->expected_desc }}
                  </td>
                </tr>
              @endforeach
            </tbody>
          </table>
        @else
          <div class="form-control-static">No issues</div>
        @endif
      </div>
    </div>

    <div class="form-group">
      <label class="control-label col-md-2 ticket-md-2">Preferred Slots</label>
      <div class="col-md-10 ticket-md-10">
        @if(count($ticket->preferred_slots))
          <table class="table table-bordered no-margin-btm">
            <thead>
            <tr>
              <th width="120px">Date</th>
              <th>Time</th>
            </tr>
            </thead>
            <tbody>
            @foreach($ticket->preferred_slots as $slot)
              <tr>
                <td>
                  {{ ViewHelper::formatDate($slot->date)}}
                </td>
                <td>
                  {{ ViewHelper::formatTime($slot->time_start) }} to {{ ViewHelper::formatTime($slot->time_end) }}
                </td>
              </tr>
            @endforeach
            </tbody>
          </table>
        @else
          <div class="form-control-static">No preferred slots</div>
        @endif
      </div>
    </div>

    <div class="form-group">
        <label class="control-label col-md-2 ticket-md-2">Attachments</label>
        <div class="col-md-10 ticket-md-10">
          <table class="table table-bordered no-margin-btm table-responsive">
            <thead>
            <tr>
              <th width="50%">File Attachment</th>
            </tr>
            </thead>
            <tbody>
            @foreach($ticket->attachments as $a)
              <tr>
                <td>
                   <a href="{{url('assets/attachment/tickets').'/'.$a->filename}}">Attachment {{$a->filename}}</a>
                </td>
              </tr>
            @endforeach
            </tbody>
          </table>
        </div>
      </div>

    @if(ViewHelper::ticketShowStaffAssignments($ticket->stat) )
      <div class="form-group">
        <label class="control-label col-md-2 ticket-md-2">Staff Assignments</label>
        <div class="col-md-10 ticket-md-10">
          @if(count($ticket->staff_assignments))
              <table class="table table-bordered no-margin-btm">
              <thead>
              <tr>
                <th width="120px">Date</th>
                <th width="150px">Staff</th>
                <th>Time</th>
              </tr>
              </thead>
              <tbody>
              @foreach(ViewHelper::mergeStaffAssignment($ticket->staff_assignments) as $date => $assignments)
                @foreach($assignments as $a)
                  <tr>
                    <td>{{ ViewHelper::formatDate($date) }}</td>
                    <td>{{ $a->staff_name }}</td>
                    <td>{{ ViewHelper::formatTime($a->time_start) }} to {{ ViewHelper::formatTime($a->time_end) }}</td>
                  </tr>
                @endforeach
              @endforeach
              </tbody>
            </table>
          @else
            <div class="form-control-static">No staff assignments</div>
          @endif
        </div>
      </div>
    @endif
  
    @if(ViewHelper::ticketShowOtps($ticket->stat) )
    <div class="form-group">
      <label class="control-label col-md-2 ticket-md-2">One time passwords</label>
      <div class="col-md-10 ticket-md-10">
        <table class="table table-bordered no-margin-btm">
          <tbody>
            <tr>
              <th width="120px">First OTP</th>
              <td width="150px">{{ $ticket->otps->first_otp }}</td>
              <td>
                @if ($ticket->otps->manual_complete)
                  Manual complete
                @elseif ($ticket->otps->first_entered_on)
                  Entered by {{ $ticket->otps->first_entered_by }} on {{ ViewHelper::formatDateTime($ticket->otps->first_entered_on) }}
                @else
                  Provide First OTP to repairman <b><u>upon arrival</u></b>. This helps us keep track of attendance and punctuality of our repairman
                @endif
              </td>
            </tr>
            <tr>
              <th>Second OTP</th>
              <td>{{ $ticket->otps->second_otp }}</td>
              <td>
                @if ($ticket->otps->manual_complete)
                  Manual complete
                @elseif($ticket->otps->second_entered_on)
                  Entered by {{ $ticket->otps->second_entered_by }} on {{ ViewHelper::formatDateTime($ticket->otps->second_entered_on) }}
                @else
                  Provide Second OTP upon the <b><u>completion</u></b> of the job. DO NOT give OTP to repairman if job is incomplete
                @endif
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    @endif

    @if($ticket->stat == TicketStat::Quoted)
      @if($quote_valid)
        <div style="margin-bottom: 10px;">
            <textarea name="accept_decline_reason" title="" class="form-control txt-decline-reason" placeholder="[Optional] Please share with us the reason for accepting or declining">
            </textarea>
        </div>

        <div>
          <button type="submit" name="submit" class="btn btn-primary" value="Accept">
            Accept
          </button>
          <button type="submit" name="submit" class="btn btn-primary" value="Decline">
            Decline
          </button>
        </div>
      @else
        <div class="alert alert-danger">
          Sorry, the quotation has expired. Please <a href="{{url('ticket/save')}}">create another ticket</a>.
        </div>
      @endif
    @elseif($ticket->stat == TicketStat::Invoiced)
      <div class="panel panel-default">
        <div class="panel-body">
          <div class="row">
            <div class="col-md-2">
              <label class="control-label">Payment Method</label>
            </div>
            <div class="col-md-10">
              <div v-for="payment_method in payment_methods">
                <label class="lbl-radio">
                  <input v-model="selected_payment_method" type="radio" name="payment_method" v-bind:value="payment_method.value"> @{{ payment_method.name }}
                  <span></span>
                </label><br>
              </div>
            </div>
          </div>
          <div class="row" v-if="selected_payment_method == cheque || selected_payment_method == bank_transfer" >
            <div class="col-md-2">
              <label class="control-label">Ref No</label>
            </div>
            <div class="col-md-10">
              <input type="text" name="ref_no" class="form-control">
            </div>
          </div>
          <div class="row" v-if="selected_payment_method">
            <div class="col-md-12">
              <div class="alert alert-info" style="margin-top: 10px;">
                <div v-if="selected_payment_method == cash">
                  {!! nl2br($frontend['contents']['payment_cash']) !!}
                </div>
                <div v-if="selected_payment_method == nets">
                  {!! nl2br($frontend['contents']['payment_nets']) !!}
                </div>
                <div v-if="selected_payment_method == cheque">
                  {!! nl2br($frontend['contents']['payment_cheque']) !!}
                </div>
                <div v-if="selected_payment_method == bank_transfer">
                  {!! nl2br($frontend['contents']['payment_banktransfer']) !!}
                </div>
                <div v-if="selected_payment_method == credit_card">
                  {!! nl2br($frontend['contents']['payment_creditcard']) !!}
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    @elseif($ticket->stat == TicketStat::PaymentIndicated)
      
    @endif
  
    <div class="text-center">
      @if($ticket->stat == TicketStat::Invoiced)
        <input type="submit" name="submit" value="PAYMENT" class="more active">
      @endif
      <input type="button" name="submit" value="BACK TO TICKETS" class="more active" onclick="location.href='{{url('ticket')}}'">
    </div>
  </form>
  
@if($ticket->stat == TicketStat::Declined)
<!-- Modal -->
<div class="modal fade" id="declineModal" tabindex="-1" role="dialog" aria-labelledby="declineModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="declineModalLabel">Decline reason</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          {!!empty($ticket->accept_decline_reason)?'<i>No reason</i>':$ticket->accept_decline_reason!!}
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary" data-dismiss="modal">Ok</button>
        </div>
      </div>
    </div>
  </div>

@endif
@endsection


@section('script')
  <script>
    var vm = new Vue({
      el: "#app",
      data: {
        payment_methods: {!! json_encode($payment_methods) !!},
        selected_payment_method: null,
        nets: '{{ PaymentMethod::NETS }}',
        cheque: '{{ PaymentMethod::Cheque }}',
        bank_transfer: '{{ PaymentMethod::BankTransfer }}',
        credit_card: '{{ PaymentMethod::CreditCard }}',
        cash: '{{ PaymentMethod::Cash }}',
      }
    });
  </script>
@endsection