@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> Home</a></li>
      <li class="active"><a href="{{route('admin.service.show')}}">Service</a></li>
    </ol>
  </section>
  <!-- Main content -->
  <section class="content">
    <!-- Small boxes (Stat box) -->
    <div class="row">
      <div class="col-md-12">
        
        
        
        <!-- general form elements disabled -->
        <div class="box box-warning">
          <div class="box-header with-border">
            <h3 class="box-title">Edit Service</h3>
          </div>
          <!-- /.box-header -->
          <div class="box-body">
            <form  role="form" method="POST" action="{{route('admin.service.update',$services->id)}}" enctype="multipart/form-data">
              {{ csrf_field() }}

              <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->id == $services->agent_id)?'selected':''}}>{{$agent->firstname}} {{$agent->lastname}}</option>
                      @endforeach
                    </select>
                  </div>
              
             <div class="col-lg-6 form-group">
                    <label>Customer <span style="color: red">*</span></label>
                    <select name="customer_id" class="form-control select2" id="customer">
                      <option value="">Select</option>
                      @foreach($customers as $customer)
                        <option value="{{$customer->id}}" {{($customer->id == $services->customer_id)?'selected':''}}>{{$customer->firstname}} {{$customer->lastname}}</option>
                      @endforeach
                    </select>
                  </div>

                  <div class="col-lg-6 form-group">
                    <label>Charges (RM)</label>
                    <input type="number" class="form-control" name="charges" placeholder=""  value="{{$services->charges}}">
                  </div>

                  <div class="col-lg-6 form-group">
                    <label>Bill No</label>
                    <input type="text" class="form-control" name="bill_no" placeholder=""  value="{{$services->bill_no}}">
                  </div>

                  <div class="col-lg-6 form-group">
                    <label>Service Date  <span style="color: red">*</span></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" placeholder=""  value="{{$services->date}}">
                  </div>
                  </div>



                  <div class="col-lg-6 form-group">
                    <label>Remarks</label>
                     <input type="text" class="form-control" name="remarks" value="{{$services->remarks}}">                   
                  </div>

                

              
              <div class="col-lg-12 form-group  text-center">
                <input type="submit" class="btn btn-success" value="Update"></input>
              </div>
            </form>
          </div>
          <!-- /.box-body -->
        </div>
        
      </div>
      
    </div>
    
  </section>
  <!-- /.content -->
</div>
@endsection