@extends('layouts.admin-layouts.admin-master')
@section('content')
@include('layouts.admin-layouts.alerts.flash-message')
<div class="page-heading">
    <h1 class="page-title">Form Layouts</h1>
    <ol class="breadcrumb">
        <li class="breadcrumb-item">
            <a href="index.html"><i class="la la-home font-20"></i></a>
        </li>
        <li class="breadcrumb-item">Forms</li>
        <li class="breadcrumb-item">Form Layouts</li>
    </ol>
</div>
<div class="page-content fade-in-up">
    <div class="row">
        <div class="col-md-12">
            <div class="ibox ibox-fullheight">
                <div class="ibox-head">
                    <div class="ibox-title">Add Api User</div>
                </div>
                <form class="form-info" action="{{ route('api-user.store') }}" method="post">
                    @csrf
                    <div class="ibox-body">
                        <div class="row">
                            <div class="col-sm-6 form-group mb-0">
                                <label>Name</label>
                                <input class="form-control @error('name') is-invalid @enderror" type="text"
                                    placeholder="Enter Name" name='name' value="{{old('name')}}">
                                @error('name')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <div class="col-sm-6 form-group mb-0">
                                <label>Username</label>
                                <input class="form-control @error('username') is-invalid @enderror" type="text"
                                    placeholder="Enter Username" name='username' value="{{old('username')}}">
                                @error('username')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <div class="col-sm-6 form-group mb-0">
                                <label>Email</label>
                                <input class="form-control @error('email') is-invalid @enderror" type="email"
                                    placeholder="Enter Email" name='email' value="{{old('email')}}">
                                @error('email')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <div class="col-sm-6 form-group mb-0">
                                <label>Password</label>
                                <input class="form-control @error('password') is-invalid @enderror" type="text"
                                    placeholder="Enter Password" name='password' value="{{old('password')}}">
                                @error('password')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <div class="col-sm-6 form-group mb-0">
                                <label>Phone #</label>
                                <input class="form-control @error('phone') is-invalid @enderror" id="mobile" type="text"
                                    placeholder="Enter Phone #" name='phone' value="{{old('phone')}}">
                                @error('phone')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <div class="col-sm-6 form-group mb-0">
                                <label>CNIC</label>
                                <input class="form-control @error('cnic') is-invalid @enderror" type="text" id="cnic"
                                    placeholder="Enter CNIC" name='cnic' value="{{old('cnic')}}">
                                @error('cnic')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <div class="col-sm-6 form-group mb-0">
                                <label>Address</label>
                                <input class="form-control @error('address') is-invalid @enderror" type="text"
                                    placeholder="Enter Address" name='address' value="{{old('address')}}">
                                @error('address')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>


                        </div>
                    </div>
                    <div class="ibox-footer">
                        <button class="btn btn-info mr-2" type="submit">Add</button>
                        <a href="{{route('api-user.index')}}"><button class="btn btn-secondary"
                                type="button">Cancel</button></a>
                    </div>
                </form>    
            </div>
        </div>
    </div>
</div>

@endsection

@section('js-script')

<script>
$(document).ready(function(){
    $('#descipline_div').css('display','none');
    $('#department_selection').change(function(){
        if($('#department_selection').val())
        {
            $('#descipline_div').css('display','block');
            data = {
                department_id:document.getElementById('department_selection').value
            }
            $(".print-error-msg").find("ul").html('');
            $(".print-error-msg").css('display','none');
            $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                    });
            $.ajax({  
                    method: "POST",
                    url: "{{route('admin.show_department_descipline_lists')}}",
                    data: data,
                }).done(function (res) {
                    if (res.descipline) {
                        $("#descipline_selection").empty();
                        $("#descipline_selection").append("<option value=''>Select Descipline</option>");
                        $.each(res.descipline, function (i, data) {      // bind the dropdown list using json result              
                        $('<option>',
                            {
                                value: data.id,
                                text: data.descipline,
                            }).html( data.descipline).appendTo("#descipline_selection");
                        });
                    } else {                  
                        $(".print-error-msg").find("ul").html('');
                        $(".print-error-msg").css('display','block');
                        $(".print-error-msg").find("ul").append('<li>'+value+'</li>');
                        
                    }
                });      
        }
        else
        {
            $('#descipline_div').css('display','none');
            $('#descipline_selection').val('');
        }
    })
    })
</script>
@endsection