@extends('admin.master')

@section('title', 'Add Employee')

@section('contents')
  <!-- row -->
  <div class="row">
    <div class="col-md-12">
      <!-- general form elements -->
      <div class="card card-outline card-info">
        <div class="card-header">
          <h3 class="card-title">Add Employee</h3>
        </div>
        <!-- /.card-header -->
        <!-- form start -->
        <form role="form" action="{{ url('/employees/add') }}" method="post">
          @csrf
          <div class="card-body">
            <div class="row">
              <div class="col-md-6">
                <div class="form-group">
                  <label for="item_name">Name <span style="color:red">*</span></label>
                  <input type="text" class="form-control @error('emp_name') is-invalid @enderror" id="emp_name" name="emp_name" value="{{ old('emp_name') }}" required>
                  @error('emp_name')
                  <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                  @enderror
                </div>
                <div class="form-group">
                  <label for="item_name">Designation</label>
                  <input type="text" class="form-control @error('emp_designation') is-invalid @enderror" id="emp_designation" name="emp_designation" value="{{ old('emp_designation') }}" required>
                  @error('emp_designation')
                  <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                  @enderror
                </div>
                <div class="form-group">
                  <label for="item_name">Phone</label>
                  <input type="text" class="form-control @error('emp_phone') is-invalid @enderror" id="emp_phone" name="emp_phone" value="{{ old('emp_phone') }}">
                  @error('emp_phone')
                  <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                  @enderror
                </div>
                <div class="form-group">
                  <label for="item_name">Email </label>
                  <input type="email" class="form-control @error('emp_email') is-invalid @enderror" id="emp_email" name="emp_email" value="{{ old('emp_email') }}">
                  @error('emp_email')
                  <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                  @enderror
                </div>
                <div class="form-group">
                  <label>Address</label>
                  <textarea class="form-control" rows="3" id="emp_address" name="emp_address">{{ old('emp_address') }}</textarea>
                </div>
              </div>
            </div>
          </div>
          <!-- /.card-body -->

          <div class="card-footer">
            <button type="submit" class="btn btn-primary">Save</button>
          </div>
        </form>
      </div>
      <!-- /.card -->

    </div>
  </div>
  <!-- /.row -->
@endsection

@section('script_links')
  <script>
    @foreach(['success','error'] as $type)
      @if(Session::has('msg-'.$type))
        toastr.{{ $type }}('{{ Session::get('msg-'.$type) }}');
      @endif
    @endforeach

    $(function() {
      // active left-menu
      // for tree addClass .menu-open
      // for submenu addClass .active
      $('#menu_employees').addClass('menu-open');
      $('#sub_add_employee').addClass('active');

      $('#car_specs').hide();
      $('#type').change(function () {
        var type = $(this).val();
        if(type == "Cars"){
          $('#car_specs').show();
        } else {
          $('#car_specs').hide();
          $('#car_specs').find(':input').each(function () {
            $(this).val('');
          });
        }
      });
    });
  </script>
@endsection