@extends('layouts.includes.agent.header')
@section('content')
    <div class="content-wrapper">
      <!-- Content Header (Page header) -->
      <section class="content-header">
        <h1>
        Activity Log
        <small>Control panel</small>
        </h1>
        <ol class="breadcrumb">
          <li><a href="#"><i class="fa fa-dashboard"></i> Activity Log</a></li>
          <li class="active">Dashboard</li>
        </ol>
      </section>
      <!-- Main content -->
      <section class="content">
        @include('layouts.includes.adminlte.alerts')
        <div class="row">
          <div class="col-lg-12">
             <div class="box box-default">
        <div class="box-header with-border">
          <h3 class="box-title">Search </h3>

          <div class="box-tools pull-right">
            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
           
          </div>
        </div>
        <!-- /.box-header -->
        <div class="box-body">
           <form  role="form" method="POST" action="{{route('agent.activity.show')}}" enctype="multipart/form-data">
            <input type="hidden" class="form-control" name="search"  value="true">
                  {{ csrf_field() }}
          <div class="row">
            
           <div class="col-lg-6 form-group">
                    <label>Response</label>
                    <select name="response_id" class="form-control">
                      <option value="">Select</option>
                      @foreach($responses as $k=> $response)
                        <option value="{{$k}}">{{$response}}</option>
                      @endforeach
                    </select>
                  </div>
            <!-- /.col -->

            <div class="col-lg-6 form-group">
                    <label>Customer</label>
                    <select name="customer_id" class="form-control">
                      <option value="">Select</option>
                      @foreach($customers as $customer)
                        <option value="{{$customer->id}}">{{$customer->firstname}} {{$customer->lastname}}</option>
                      @endforeach
                    </select>
                  </div>
            <!-- /.col -->
            

            <div class="col-lg-6 form-group">
                    <label>Appointment</label>
                    <div class="input-group date">
                    <div class="input-group-addon">
                    <i class="fa fa-calendar"></i>
                  </div>
                    <input type="text" class="form-control datepicker" name="appointment" >
                     </div>
                  </div>
          </div>
          <div class="col-lg-12 form-group  text-center">
                    <input type="submit" class="btn btn-primary">
                    <a href="{{route('agent.activity.show')}}" class="btn btn-default btn-md">Reset</a>
                  </div>
           </form>
        </div>
        <!-- /.box-body -->
        
      </div>
          </div>
        </div>

        <div class="row">
          <div class="col-lg-12">
            <div class="box">
              <div class="box-header with-border">
                <h3 class="box-title" style="padding-top: 5px;"></h3>
                <div class="box-tools">
                  <a href="{{route('agent.activity.create')}}" class="btn btn-success btn-sm pull-right">Add
                   New Activity</a>
                </div>
              </div>
              <!-- /.box-header -->
              <div class="box-body" style="overflow: scroll;padding-left: 10px; padding-right: 10px;">
                <table id="example2" class="table table-bordered table-hover">
                    <thead>
                       <tr>
                      
                      <th>
                       
                          No.
                        
                      </th>
                      
                      
                      <th>
                       
                         Customer Name
                        
                      </th>
                       
                       <th>
                       
                         Agent Name
                        
                      </th>
                       <th>
                       
                         Comment
                        
                      </th>
                      <th>
                       
                         Appointment
                        
                      </th>
                      <th>
                       
                         Appointment Time
                        
                      </th>

                      
                       <th>
                        
                          Action
                       
                      </th>
                     
                      
                    </tr>
                    </thead>
                  <tbody>


                   
                                       @foreach($activities as $response)
                   
                    <tr>
                      <td>{{$counter}}</td>
                      <td>{{$response->customer_name}}</td>    
                      <td>{{$response->agent_name}}</td> 
                      <td>{{$response->comment}}</td>
                     <td>{{$response->appointment}}</td>
                     <td>{{$response->appointment_time}}</td>
                     <td>
                        <div class="tools">                          
                          <a href="{{route('agent.activity.edit',$response->id)}}" title="Edit Customer"  class="confirmAction">
                            <i class="fa fa-pencil"></i>
                          </a> 

                           &nbsp;&nbsp;&nbsp;&nbsp;

                           <a  onclick="return confirm('Are you sure want to delete this?')" href="{{route('agent.activity.delete',$response->id)}}" title=" Customer Delete" deleteformid="form-3680" class="confirmAction">
                            <i class="fa fa-trash-o"></i>
                          </a>     
                            
                                     
                        </div>
                      </td>
                     
                    </tr>
                                     @endforeach
                    
                  </tbody>
                </table>
              </div>
              <!-- /.box-body -->
              
            </div>
          </div>
        </div>
        
      </section>
      <!-- /.content -->
    </div>
    @endsection