@extends('admin.admin_master')
@section('admin')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<div class="page-content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">Add Department </h4><br><br>
                        <form method="post" action="{{ route('department.store') }}" id="myForm">
                            @csrf
                            <div class="row mb-3">
                                <label for="example-text-input" class="col-sm-2 col-form-label">Department Name </label>
                                <div class="form-group col-sm-10">
                                    <input name="department_name" class="form-control" type="text">
                                </div>
                            </div>  
                            <div class="row mb-3">
                                <label for="example-text-input" class="col-sm-2 col-form-label">Full Name </label>
                                <div class="form-group col-sm-10">
                                    <input name="complete_name" class="form-control" type="text">
                                </div>
                            </div>  
                            <div class="row mb-3">
                                <label for="example-text-input" class="col-sm-2 col-form-label">Parent Department </label>
                                <div class="form-group col-sm-10">
                                    <select name="parent_id" class="form-control" > 
                                        <option value=""> Select Parent </option>
                                        @foreach ($department as $key => $item)
                                          <option value={{$item->id}}>{{$item->department_name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>  
                            <div class="row mb-3">
                                <label for="example-text-input" class="col-sm-2 col-form-label">Notes</label>
                                <div class="form-group col-sm-10">
                                    <textarea class="form-control" name="notes"></textarea>
                                </div>
                            </div>                            
                            <input type="submit" class="btn btn-info waves-effect waves-light" value="Add Department"> 
                        </form>
                    </div>
                </div>
            </div>
        </div>                    
    </div>    
@endsection