@extends('layouts.app-2')
@section('title')
   Client Create
@endsection
@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">Client 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 ">Client </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">
              <h3 class="card-title">DataTable with default features</h3>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
               <form action="{{route('client.store')}}" method="POST" class="form-horizontal">
                  @csrf
                  <div class="form-group row">
                     <label for="namaPerusahaan" class="col-sm-2 col-form-label">Name</label>
                     <div class="col-sm-10">
                        <input type="text" class="form-control" id="namaPerusahaan" name="namaPerusahaan" >
                     </div>
                  </div>
                  <div class="form-group row">
                     <label for="email" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                        <input type="email" class="form-control" id="email" name="email" >
                     </div>
                  </div>
                  <div class="form-group row">
                     <label for="alamatPerusahaan" class="col-sm-2 col-form-label">Alamat</label>
                     <div class="col-sm-10">
                        <textarea class="form-control" id="alamatPerusahaan" name="alamatPerusahaan" placeholder="Experience"></textarea>
                     </div>
                  </div>
                  <hr>
                  <div class="form-group row">
                     <label for="gm" class="col-sm-2 col-form-label">GM</label>
                     <div class="col-sm-10">
                        <input type="text" class="form-control" id="gm" name="gm" value="">
                     </div>
                  </div>
                  <div class="form-group row">
                     <label for="nogm" class="col-sm-2 col-form-label">No. GM</label>
                     <div class="col-sm-10">
                        <input type="text" class="form-control" id="nogm" name="nogm" value="">
                     </div>
                  </div>
                  <div class="form-group row">
                     <label for="pm" class="col-sm-2 col-form-label">PM</label>
                     <div class="col-sm-10">
                        <input type="text" class="form-control" id="pm" name="pm" value="">
                     </div>
                  </div>
                  <div class="form-group row">
                     <label for="nopm" class="col-sm-2 col-form-label">No. GM</label>
                     <div class="col-sm-10">
                        <input type="text" class="form-control" id="nopm" name="nopm" value="">
                     </div>
                  </div>
                  {{-- <div class="form-group row">
                     <label for="logo" class="col-sm-2 col-form-label">Logo</label>
                     <div class="col-sm-10">
                        <div class="input-group">
                           <div class="custom-file">
                             <input type="file" class="custom-file-input" id="logo" name="logo">
                             <label class="custom-file-label" for="logo">Choose file</label>
                           </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>
            <!-- /.card-body -->
          </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