@extends('layouts.app-2')
@section('content')

   <!-- Content Header (Page header) -->
   <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">JO Create</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item">JO </li>
              <li class="breadcrumb-item active">Create </li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
   </div>
    <!-- /.content-header -->

    <!-- Main content -->
   <section class="content">
      <div class="container-fluid">
         <div class="card">
            <div class="card-header"></div>
            <div class="card-body">
               <form action="{{route('job.create')}}" method="POST" class="form-horizontal" enctype="multipart/form-data">
                  @csrf
                  <div class="form-group row">
                     <label for="client" class="col-sm-2 col-form-label">Client</label>
                     <div class="col-sm-10">
                        <select id="client" name="client" class="form-control">
                           @foreach ($clients as $client)
                              <option value="{{$client->id}}">{{$client->nama}}</option>
                           @endforeach
                           
                           
                         </select>
                     </div>
                     
                  </div>
                  
                  <hr>
                  
                  <div class="form-group row">
                     <label for="excel" class="col-sm-2 col-form-label">File</label>
                     <div class="col-sm-10">
                        <div class="input-group">
                           <div class="custom-file">
                             <input type="file" class="custom-file-input" id="excel" name="excel">
                             <label class="custom-file-label" for="excel">Choose file</label>
                           </div>
                           <div class="input-group-append">
                             <span class="input-group-text" id="">Upload</span>
                           </div>
                         </div>
                     </div>
                  </div>
                 
                
                  
                  <div class="form-group row">
                  <div class="offset-sm-2 col-sm-10">
                     <button type="submit" class="btn btn-secondary">Save</button>
                  </div>
                  </div>
               </form>
            </div>
         </div>
         
      </div><!-- /.container-fluid -->
   </section>
    <!-- /.content --> 
@endsection

@push('datatables')
<script>
   $(function () {
     $("#example1").DataTable({
       "responsive": true,
       "autoWidth": false,
     });
     $('#example2').DataTable({
       "paging": true,
       "lengthChange": false,
       "searching": false,
       "ordering": true,
       "info": true,
       "autoWidth": false,
       "responsive": true,
     });
   });
 </script>
@endpush