@extends('layouts.includes.header')
@section('content')
    <div class="content-wrapper">
      <!-- Content Header (Page header) -->
      <section class="content-header">
        <h1>
        Service 
        <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-success">
              <div class="box-header with-border">
                <h3 class="box-title">Add Service</h3>
              </div>
              <!-- /.box-header -->
              <div class="box-body">
                <form  role="form" method="POST" action="{{route('admin.service.store')}}" 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->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>
                      
                    </select>
                  </div>

                  <div class="col-lg-6 form-group">
                    <label>Charges (RM)</label>
                    <input type="number" class="form-control" name="charges" placeholder="" >
                  </div>
                  
                  <div class="col-lg-6 form-group">
                    <label>Bill No</label>
                    <input type="text" class="form-control" name="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="" required="required">
                  </div>
                  </div>

                  <div class="col-lg-6 form-group">
                    <label>Remarks</label>
                   <input type="text" class="form-control" name="remarks"> 
                  </div>
                  
                  <div class="col-lg-12 form-group  text-center">
                    <input type="submit" class="btn btn-primary" value="Save">
                  </div>
                </form>
              </div>
              <!-- /.box-body -->
            </div>
            
          </div>
          
        </div>
        
      </section>
      <!-- /.content -->
    </div>
    @endsection