@extends('layouts.includes.header')
@section('content')
    <div class="content-wrapper">
      <!-- Content Header (Page header) -->
      <section class="content-header">
        <h1>
        Service Log
        <small>Control panel</small>
        </h1>
        <ol class="breadcrumb">
          <li><a href="#"><i class="fa fa-dashboard"></i> Service 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" style="padding-top: 5px;"></h3>
                <div class="box-tools">
                 
                </div>
              </div>
              

              <div class="box-body" >
                 <form  role="form" method="POST" action="{{route('admin.service.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>Agents</label>
                    <select name="agent_id" class="form-control ">
                      <option value="">Select</option>
                      @foreach($agents as $agent)
                        <option value="{{$agent->id}}">{{$agent->firstname}} {{$agent->lastname}}</option>
                      @endforeach
                    </select>
                  </div>
                               
                <div class="col-lg-6 form-group">
                  <label>Customer Name</label>
                  <input type="text" class="form-control" name="customer_name" >                  
                </div>
                
                <div class="col-lg-6 form-group">
                  <label> Service Date </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="date" id="date" autocomplete="off">
                  </div>
                </div>

                
                 <div class="col-lg-6 form-group">
                  <label>Bill No</label>
                  <input type="text" class="form-control" name="bill_no">                  
                </div>

              </div>
              <div class="col-lg-12 form-group  text-center">
                <input type="submit" class="btn btn-primary" value="Search">
                <a href="{{route('admin.service.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('admin.service.create')}}" class="btn btn-success btn-sm pull-right">Add
                   New Service</a>
            </div>
          </div>
          <!-- /.box-header -->
          <div class="box-body" style="overflow: scroll;padding-left: 10px; padding-right: 10px;">
            <table id="example1" class="table table-bordered table-striped table-hover">
                  <thead>
                     <tr>
                      
                      <th>
                       
                         Agent Name
                        
                      </th>
                      
                      
                      <th>
                       
                         Customer Name
                        
                      </th>
                       
                       <th>
                       
                          Service Date
                        
                      </th>
                       <th>
                       
                         Bill No
                        
                      </th>

                      
                       <th>
                        
                          Action
                       
                      </th>
                  </thead>
                  <tbody>                      
                    
                                       @foreach($customers as $customer)
                   
                    <tr>
                      <td>{{$customer->agent_name}}</td>
                      <td>{{$customer->customer_name}}</td>    
                      <td>{{$customer->date}}</td>
                     <td>{{$customer->bill_no}}</td>
                     <td>
                        <div class="tools">                          
                          <a href="{{route('admin.service.edit',$customer->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('admin.service.delete',$customer->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