@extends('layouts.main')


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

@push('after-style')
  <!-- Select2 -->
  <link rel="stylesheet" href="{{asset('assets/plugins/select2/css/select2.min.css')}}">
  <link rel="stylesheet" href="{{asset('assets/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css')}}">
@endpush

@section('content')
<input type="hidden" id="page-add-admin">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
          <div class="row mb-2 mt-3">
            <div class="col-sm-6">
              <h1>ADD USER</h1>
            </div>
            <div class="col-sm-6 text-right">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{route('admin.index')}}">User</a></li>
                    <li class="breadcrumb-item active">Add</li>
                </ol>
            </div>
          </div>
        </div><!-- /.container-fluid -->
      </section>

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
          <div class="row">
            <!-- left column -->
            <div class="col-md-12">
              <!-- jquery validation -->
              <div class="card card-primary">
                <div class="card-header">
                  <h3 class="card-title">Fill in the Credintial Below</h3>
                </div>
                <!-- /.card-header -->
                <!-- form start -->
                <form id="validationForm" method="POST" action="{{route('admin.store')}}">
                    @csrf
                  <div class="card-body">
                    <div class="form-group">
                      <label for="inputName">Full Name</label>
                      <input type="text" name="fullname" value="{{ old('fullname')}}" class="form-control @error('fullname') is-invalid @enderror" id="inputName" placeholder="Enter name">
                      @error('fullname') <div class="text-danger">{{ $message }}</div> @enderror
                    </div>
                    <div class="form-group">
                      <label for="inputEmailAdmin">Email address</label>
                      <input type="email" name="email" value="{{ old('email')}}" class="form-control @error('email') is-invalid @enderror" id="inputEmailAdmin" placeholder="Enter email">
                      @error('email') <div class="text-danger">{{ $message }}</div> @enderror
                    </div>
                    <div class="form-group">
                      <label for="inputTelpAdmin">No.Telp</label>
                      <input type="number" name="notelp" value="{{ old('notelp')}}" class="form-control @error('notelp') is-invalid @enderror" id="inputTelpAdmin" placeholder="Enter No Telp">
                      @error('notelp') <div class="text-danger">{{ $message }}</div> @enderror
                    </div>
                    <div class="form-group">
                      <label for="inputAddress">Address</label>
                      <input type="text" name="address" value="{{ old('address')}}" class="form-control @error('address') is-invalid @enderror" id="inputAddress" placeholder="Enter Address">
                      @error('address') <div class="text-danger">{{ $message }}</div> @enderror
                    </div>
                    <div class="form-group">
                        <label>Division</label>
                        <select class="form-control select2" style="width: 100%;" name="division_id">
                            @foreach ($divisions as $division)
                                @if(old('division_id') && old('division_id')==$division['id'])
                                    <option value="{{$division['id']}}" selected>{{$division['title']}}</option>
                                @else
                                    <option value="{{$division['id']}}">{{$division['title']}}</option>
                                @endif
                            @endforeach
                        </select>
                      </div>
                    <div class="form-group">
                      <label for="inputPassword">Password</label>
                      <input type="password" name="password" class="form-control @error('password') is-invalid @enderror" id="inputPassword" placeholder="Password">
                      @error('password') <div class="text-danger">{{ $message }}</div> @enderror
                    </div>
                  </div>
                  <!-- /.card-body -->
                  <div class="card-footer">
                    <button type="submit" id="btn-submit-create-admin" class="btn btn-primary">Submit</button>
                  </div>
                </form>
              </div>
              <!-- /.card -->
              </div>
            <!--/.col (left) -->
            <!-- right column -->
            <div class="col-md-6">

            </div>
            <!--/.col (right) -->
          </div>
          <!-- /.row -->
        </div><!-- /.container-fluid -->
      </section>
      <!-- /.content -->
@endsection

@push('before-script')
<!-- Select2 -->
<script src="{{asset('assets/plugins/select2/js/select2.full.min.js')}}"></script>
@endpush

@push('after-script')
<!-- jquery-validation -->
<script src="{{ asset('assets/plugins/jquery-validation/jquery.validate.min.js')}}"></script>
<script src="{{ asset('assets/plugins/jquery-validation/additional-methods.min.js')}}"></script>
<script src="{{ mix('js/validationForm.js') }}"></script>
@endpush