@extends('voyager::master')
@section('content')
@include('layout_datatable.header')
<div class="container-fluid">
  <form method="POST" action="/admin/update_salary">
    @csrf
    <input type="hidden" name="id" value="{{$data->id}}">
    <div class="padding-top" style="margin-left: -2%;">
      <h1 class="page-title">
        <i class="voyager-plus"></i> Edit Input Salary     
      </h1>
    </div>
    <div style="margin-bottom: 15px;">
      <a class="btn-sm" style="background-color:white" href="/admin/salary"><i class="voyager-double-left"></i> <span>Back To Data Salary</span></a>
    </div>
    <div class="row">
      <div class="col-md-6">
        <h5><i class="voyager-edit"></i> Form Edit Salary </h5>
        <div class="panel panel-bordered">
          <div class="panel-body">
            <div class="table-responsive">
              <div class="form-group">
                <label for="exampleInputEmail1">Service Users Id *</label>
                <select class="form-control select2" id="mySelect1" name="service_users_id" required>
                      <option value="">Pilih</option>
                    @foreach($serviceuser as $val)
                        <option {{ $data->service_users_id == $val->id ? 'selected' : '' }} value="{{ $val->id }}">{{ $val->full_name }}</option>
                    @endforeach
                </select>
              </div>
              <div class="form-group">
                <label for="exampleInputPassword1">Service Drivers Id *</label>
                <select class="form-control select2" id="mySelect2" name="service_drivers_id" required>
                    <option value="">Pilih</option>
                    @foreach($servicedriver as $val)
                        <option {{ $data->service_drivers_id == $val->id ? 'selected' : '' }} value="{{ $val->id }}">{{ $val->full_name }}</option>
                    @endforeach
                </select>

              </div>  
              <div class="form-group">
                <label for="exampleInputPassword1">Date *</label>
                <input type="date" name="date" class="form-control" value="{{$data->date}}" required>
              </div>  
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <h5><i class="voyager-edit"></i> Form Add Salary </h5>
        <div class="panel panel-bordered">
          <div class="panel-body">
            <div class="table-responsive">
              <div class="form-group">
                <label for="exampleInputPassword1">Time Entry *</label>
                <input type="text" name="time_entry" class="form-control" value="{{$data->time_entry}}" required>
              </div>  
              <div class="form-group">
                <label for="exampleInputPassword1">KM Entry *</label>
                <input type="text" name="km_entry" class="form-control" value="{{$data->km_entry}}" required>
              </div> 
              <div class="form-group">
                <label for="exampleInputPassword1">Time Exit *</label>
                <input type="text" name="time_exit" class="form-control" value="{{$data->time_exit}}" required>
              </div> 
              <div class="form-group">
                <label for="exampleInputPassword1">KM Exit *</label>
                <input type="text" name="km_exit" class="form-control" value="{{$data->km_exit}}"  required>
              </div> 

            </div>
          </div>
        </div>
      </div>
      
    </div>
    <button type="submit" class="btn btn-primary">Save</button>
    <a href="/admin/salary" type="button" class="btn btn-danger">cancel</a>
  </div>
</form>

<script>
  $(document).ready(function() {
   tinymce.init({
    selector: '#mytextarea'
  });

   $('.select2').select2();

   $('#internal_company_id').change(function() {
    var selectedCompanyId = $(this).val();
    if (selectedCompanyId === '1') {
      $('select[name="type_ppn"]').val('1');
    } else {
      $('select[name="type_ppn"]').val('0');
    }
  });
 });
</script>

@include('layout_datatable.footer')
@endsection