@extends('layouts.organization.app')
@section('content')
<div class="main-panel">
    <div class="content-wrapper">
        <div class="row">
            <div class="col-12 grid-margin stretch-card">
                <div class="card">
                    <div class="card-header">
                        <h5 class="">Add Designation</h5>
                    </div>
                    <div class="card-body">
                            @if(empty(Request::segment(2)))
                                <form class="forms-sample row" action="{{url('add-position')}}" method="POST">
                            @else
                                <form class="forms-sample row" action="{{url('update-position')}}" method="POST">
                            @endif
                            @csrf
                            <div class="col-sm-3">
                                <div class="form-group">
                                    <label>Office *</label>
                                    <input type="hidden" name="update_id" class="form-control" value="{{Request::segment(2)}}">
                                    <select class="form-control" id="office_id" name="office_id" required onchange="get_office_id(this.value);">
                                        @if(!empty($office))
                                            <option value="">--Select--</option>
                                            @foreach($office as $row)
                                                <option value="{{$row->id}}" data-id="{{$row->id}}" @if(!empty($update->office_id)) @if($update->office_id==$row->id) selected @endif @endif>{{$row->office_name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="form-group">
                                    <label>Department *</label>
                                    <select class="form-control" id="department_id" name="department_id" required>
                                        @if(!empty($department))
                                            <option value="">--Select--</option>
                                            @foreach($department as $row1)
                                                <option value="{{$row1->id}}" data-id="{{$row1->id}}" @if(!empty($update->department_id)) @if($update->department_id==$row1->id) selected @endif @endif>{{$row1->department_name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                    <span id="letterNameError" style="color:red;font-size:13px"></span>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="form-group">
                                    <label>Designation Name *</label>
                                    <input type="text" class="form-control" id="position_name" name="position_name" value="@if(!empty($update->position_name)){{$update->position_name}}@endif" placeholder="Enter Designation Name" maxlength="50" required>
                                    <span id="letterNameError" style="color:red;font-size:13px"></span>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="form-group">
                                    <label>Type Of Designation</label>
                                    <select class="form-control" name="type_of_position" id="selectBox" onchange="changeFunc();">
                                        <option value="">Parent Designation</option>
                                        <option value="position_id" @if(@$update->type_of_position==1) selected @endif>Sub Designation</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-3" id="textboxes" @if(@$update->type_of_position==0) style="display:none" @endif>
                                <div class="form-group">
                                    <label>Parent Designation</label>
                                    <select class="form-control" name="parent_id" onchange="changeFunc();" id="parent_id">
                                        @if(!empty($position_master))
                                            <option value="" disabled>--Select--</option>
                                            @foreach($position_master as $row1)
                                                <option value="{{$row1->id}}" @if(!empty($update->parent_id)) @if($update->parent_id==$row1->id) selected @endif @endif>{{$row1->position_name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-12">
                                <button type="submit" class="btn btn-primary btn-sm mr-2">Submit</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-12 stretch-card">
                <div class="card">
                    <div class="card-header card-height">
                        <div class="row">
                            <div class="col-md-12 col-12">
                                <h5 class="" id="getCameraSerialNumbers">Designation List</h5>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <table id="examples" class="display" style="width:100%">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Office</th>
                                    <th>Department</th>
                                    <th>Designation</th>
                                    <th>Type Of Designation</th>
                                    <th>Parent Designation</th>
                                    <th>Status</th>
                                    <th>Created At</th>
                                    <th>Updated At</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody id="">
                                @if(!empty($results))
                                    @foreach($results as $rows)