@extends('admin.layouts.layout')

@section('pagetitle')
    <title>Admin | Level-of-Education</title>
@endsection 

@section('pagecsscode')

@endsection

@section('content')
    <div class="pxp-dashboard-content-details">

         
            
        <!-- <h4>{{ empty($editSubPostSecondaryData[0]->id) ? 'Add' : 'Edit' }} Sub Post Secondary Category</h4> -->
        
        @if(empty($editSubPostSecondaryData[0]->id))
            <form action="{{ route('admin.setting.levelofeducation.save') }}" method="post"  enctype="multipart/form-data">
        @else
            <form action="{{ route('admin.setting.levelofeducation.update') }}" method="post"  enctype="multipart/form-data">
        @endif
            
            @csrf
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <h4>{{ empty($editSubPostSecondaryData[0]->id) ? 'Add' : 'Edit' }} Level of Education</h4> 
            
                        <div class="col-md-6">
                            <select class="form-control select2" id="category_id" 
                                name="category_id" >
                                <option value="">Select Category</option>
                                @if(!empty($getCategoriesEducationsData))
                                    @foreach($getCategoriesEducationsData as $key => $catEducationData)
                                        <option         
                                            
                                        
                                        value="{{ $catEducationData->id }}">
                                            {{ $catEducationData->name }}
                                        </option>
                                    @endforeach
                                @endif
                            </select>

                            @if ($errors->has('category_id'))
                                <span class="text-danger">
                                {{ $errors->first('category_id') }}
                                </span>
                            @endif 
                            
                        </div>

                        <div class="col-md-6">
                            <input type="text" class="form-control" name="level_name" id="level_name" placeholder="Level of Education Name" value="{{ !empty($editSubPostSecondaryData[0]->level_name) ? $editSubPostSecondaryData[0]->level_name : '' }}">
                                
                            @if ($errors->has('level_name'))
                                <span class="text-danger">
                                    {{ $errors->first('level_name') }}
                                </span>
                            @endif                         
                            
                            <input type="hidden" class="form-control" name="id" id="id" value="{{ !empty($editSubPostSecondaryData[0]->id) ? $editSubPostSecondaryData[0]->id : '' }}">
                            
                          
                        </div>
                            
                        <div class="col-md-6 mt-2">
                            <button type="submit" class="btn btn-block btn-primary">Submit</button>
                            <a href="{{ route('admin.setting.levelofeducation.index') }}" class="btn btn-block btn-secondary">Cancel</a>
                        </div>
                    </div>
                </div>
            </div>
        </form>

        <div class="mt-4 mt-lg-5">
            <h4>List Level of Education</h4> 
            <div class="table-responsive">
                <table id="example1" class="table table-hover align-middle dataTable no-footer dtr-inline">
                    <thead>
                        <tr>    
                            <th>Id</th>
                            <th>Level Name</th>
                            <th>Category</th>
                            <th>Created_At</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if(!empty($getSubPostSecondaryData))
                            @foreach($getSubPostSecondaryData as $key=> $subPostSecondaryData)
                                <tr>
                                     <td>
                                        {{ !empty($subPostSecondaryData->id) ? $subPostSecondaryData->id : '' }}
                                    </td>
                                    <td>
                                        {{ !empty($subPostSecondaryData->level_name) ? $subPostSecondaryData->level_name : '' }}
                                    </td>
                                    <td>
                                        {{ !empty($subPostSecondaryData->name) ? $subPostSecondaryData->name : '' }}
                                    </td>
                                     <td>
                                        {{ !empty($subPostSecondaryData->created_at) ? 
                                        date('d-M-Y', strtotime($subPostSecondaryData->created_at)) : '' }}
                                    </td>
                                    
                                    <td>
                                        <a href="{{ route('admin.setting.levelofeducation.edit',['id'=> $subPostSecondaryData->id]) }}" class="btn btn-block btn-primary">Edit</a>
                                        <a onclick="return confirm('Are you sure you want to delete this Sub Post Secondary?');" href="{{ route('admin.setting.levelofeducation.delete',['id'=> $subPostSecondaryData->id]) }}" class="btn btn-block btn-danger">Delete</a>
                                    </td>
                                </tr>

                            @endforeach
                        @endif

                    </tbody>
                </table>
            </div>
        </div>
        
    </div>

@endsection

@section('pagescriptcode')
    
    <script type="text/javascript">
        
        $('#category_id').select2({
            placeholder: "Select Category"
        });
    
    </script>
    
@endsection