@include('include/header_new')
<style type="text/css">
    .file-upload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.file-upload input.file-input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
</style>
<section class="container body-content"> 
    <!-- breadcrumb -->
    <nav aria-label="breadcrumb" class="row">
        <ol class="breadcrumb bg-transparent col-lg-12 p-20 m-b-5">
            <li class="breadcrumb-item active" aria-current="page"><a href="/home">Dashboard </a></li>
            <li class="breadcrumb-item" aria-current="page"><a href="#">University Admin</a></li>
        </ol>
    </nav>
</section>
<section class="container">
    <div class="row">
        <div class="col-lg-12 m-b-30">
            <div class="card">
                <div class="card-body">
                    <ul class="nav nav-tabs nav-pills nav-justified parent-tab p-b-20" id="myTab" role="tablist">
                        <li class="nav-item"> <a class="nav-link" href="/admin/agency/agency_download">Download Universities</a> </li>
                        <li class="nav-item">
                            <button href="#" class="btn btn-block p-7 rounded dk_blue_bg text-white d-block" data-toggle="modal" data-target="#modalFillIn"> <svg style="margin-right:10px;" enable-background="new 0 0 512 512" height="20px" id="Layer_1" version="1.1" viewBox="0 0 512 512" width="20px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                            <path d="M256,512C114.625,512,0,397.391,0,256C0,114.609,114.625,0,256,0c141.391,0,256,114.609,256,256  C512,397.391,397.391,512,256,512z M256,64C149.969,64,64,149.969,64,256s85.969,192,192,192c106.047,0,192-85.969,192-192  S362.047,64,256,64z M288,384h-64v-96h-96v-64h96v-96h64v96h96v64h-96V384z" class="icon_white"/>
                            </svg> 
                            <!-- <svg enable-background="new 0 0 512 512" height="50px" id="Layer_1" version="1.1" viewBox="0 0 512 512" width="50px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M256,512C114.625,512,0,397.391,0,256C0,114.609,114.625,0,256,0c141.391,0,256,114.609,256,256  C512,397.391,397.391,512,256,512z M256,64C149.969,64,64,149.969,64,256s85.969,192,192,192c106.047,0,192-85.969,192-192  S362.047,64,256,64z M288,384h-64v-96h-96v-64h96v-96h64v96h96v64h-96V384z" class="icon_white"/></svg> --> 
                            Create New University </button>
                        </li>
                    </ul>
                    <div class="tab-content m-t-30" id="myTabContent">
                        <div class="tab-pane fade show active" id="userlist" role="tabpanel" aria-labelledby="userlist-tab">
                            <div class="row search_user vcenter">
                                <div class="col-md-12 text-center"> @php   $total_agency = count($agency); @endphp
                                    <label class="mar0">Total Agencies: <span class="text-dblue">{{$total_agency}}</span></label>
                                </div>
                            </div>
                            <div class="table-responsive">
                                <table id="tableWithSearch_hourstable" class="dtable table table-striped table-bordered">
                                    <thead class="dk_blue_bg text_white">
                                        <tr>
                                            <th>University Name</th>
                                            <th>Principle Name</th>
                                            <th>Principle Phone</th>
                                            <th>&nbsp;</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    
                                    @foreach($agency as $admin_agency)
                                    <tr>
                                        <td><span><a href="/admin/agency/{{$admin_agency->UID}}/edit">{{$admin_agency->NAME}}</a></span></td>
                                        <td class="text-center">{{(isset($index_details[$admin_agency->UID]->FULL_NM))?$index_details[$admin_agency->UID]->FULL_NM:''}}</td>
                                        <td class="text-center">{{(isset($index_details[$admin_agency->UID]->PHONE_NBR))?$index_details[$admin_agency->UID]->PHONE_NBR:''}}</td>
                                        <td><i class="fa fa-pencil-square-o" style="cursor: pointer" onclick="edit_agency({{$admin_agency->UID}})" aria-hidden="true"></i> <i class="fa fa-trash mar_l10" style="cursor: pointer" onclick="delete_agency('{{$admin_agency->UID}}','{{ csrf_token() }}')" aria-hidden="true"></i></td>
                                    </tr>
                                    @endforeach
                                        </tbody>
                                    
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="modalFillIn" class="modal right fade" role="dialog">
                <div class="modal-dialog"> 
                    <!-- Modal content-->
                    <div class="modal-content">
                        <div class="modal-header lt_grey_bg p-2">
                            <h3 class="m-b-0 lh-32">Create University</h3>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <svg enable-background="new 0 0 32 32" height="32px" id="Layer_1" version="1.1" viewBox="0 0 32 32" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                            <g>
                                <polyline fill="none" points="   649,137.999 675,137.999 675,155.999 661,155.999  " stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"></polyline>
                                <polyline fill="none" points="   653,155.999 649,155.999 649,141.999  " stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"></polyline>
                                <polyline fill="none" points="   661,156 653,162 653,156  " stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"></polyline>
                            </g>
                            <g>
                                <path d="M11.312,12.766c0.194,0.195,0.449,0.292,0.704,0.292c0.255,0,0.51-0.097,0.704-0.292c0.389-0.389,0.389-1.02,0-1.409   L4.755,3.384c-0.389-0.389-1.019-0.389-1.408,0s-0.389,1.02,0,1.409L11.312,12.766z" class="icon_dblue"></path>
                                <path d="M17.407,16.048L28.652,4.793c0.389-0.389,0.389-1.02,0-1.409c-0.389-0.389-1.019-0.561-1.408-0.171L15.296,15   c0,0-0.296,0-0.296,0s0,0.345,0,0.345L3.2,27.303c-0.389,0.389-0.315,1.02,0.073,1.409c0.194,0.195,0.486,0.292,0.741,0.292   s0.528-0.097,0.722-0.292L15.99,17.458l11.249,11.255c0.194,0.195,0.452,0.292,0.706,0.292s0.511-0.097,0.705-0.292   c0.389-0.389,0.39-1.02,0.001-1.409L17.407,16.048z" class="icon_dblue"></path>
                            </g>
                            </svg> </button>
                        </div>
                        <div class="modal-body no-shadow">
                            <div class=" form" id="comment-form">
                                <form role="form" id="create_agencies" autocomplete="off" method="post"  >
                                    @foreach($errors->all() as $err)
                                    <div class="alert alert-danger"> {{$err}} </div>
                                    @endforeach
                                    <div class="form-row m-b-15">
                                        <div class="col-md-12">
                                            <label>University Name</label>
                                            <input type="text" class="form-control" id="fullname" name="fullname" placeholder="University Name" value="">
                                        </div>
                                        </div>
                                       <div class="form-row m-b-15">
                                        <div class="col-md-12 toggal-check">
                                            <label>Degree Programs</label>
                                            <br>
                                            <input type="checkbox"  id="checkbox11" class="check21" name="univ_degree_bsw" value="BSW">
                                            <label for="checkbox11" class="label2">BSW </label>
                                            <input type="checkbox"  id="checkbox12" class="check21" name="univ_degree_msw" value="MSW">
                                            <label for="checkbox12" class="label2">MSW </label>
                                        </div>
                                        <div class="col-md-12">
                                            <label>Approved Budget Total $</label>
                                            <input type="text" class="form-control number_only" id="fullname" name="univ_approc_budget" placeholder="" value="">
                                        </div>
                                    </div>
                                    <div class="form-row m-b-15">
                                        <div class="col-md-12">
                                            <label>Principle Investigator Details</label>
                                            <div class="form-group">
                                                <input type="text" class="form-control" id="pri_first_name" name="pri_first_name" placeholder="Priniciple Investigator First Name" value="">
                                            </div>
                                            <div class="form-group">
                                                <input type="text" class="form-control" id="pri_last_name" name="pri_last_name" placeholder="Priniciple Investigator Last Name" value="">
                                            </div>
                                            <div class="form-group">
                                                <input type="text" class="form-control" id="pri_number" placeholder="Principle Investigator Number" name="pri_number" value="">
                                            </div>
                                            <div class="form-group m-b-0">
                                                <input type="text" class="form-control" id="pri_email" placeholder="Principle Investigator Email" name="pri_email" value="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-row m-b-15">
                                        <div class="col-md-12">
                                            <label>Administration Contact Details</label>
                                            <div class="form-group">
                                                <input type="text" class="form-control" id="admin_first_name" name="admin_first_name" placeholder="Administration First Name" value="">
                                            </div>
                                            <div class="form-group">
                                                <input type="text" class="form-control" id="admin_last_name" name="admin_last_name" placeholder="Administration Last Name" value="">
                                            </div>
                                            <div class="form-group">
                                                <input type="text" class="form-control" id="admin_phone" placeholder="Administration Phone Number" name="admin_phone" value="">
                                            </div>
                                            <div class="form-group m-b-0">
                                                <input type="text" class="form-control" id="admin_email" placeholder="Administration Email" name="admin_email" value="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>Mailing Address</label>
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="" name="mail_street" placeholder="Street" value="">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="" name="mail_city" placeholder="City" value="">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="" name="mail_state" placeholder="State" value="">
                                        </div>
                                        <div class="form-group m-b-0">
                                            <input type="text" class="form-control" id="" name="mail_zip_code" placeholder="zip_code" value="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>Performance Address</label>
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="" name="perform_street" placeholder="Street" value="">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="" name="perform_city" placeholder="City" value="">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="" name="perform_state" placeholder="State" value="">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="" name="perform_zip_code" placeholder="zip_code" value="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>Title IV-E Contact Person</label>
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="con_first_name" name="con_first_name" placeholder="Contact Person First Name" value="">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="con_last_name" name="con_last_name" placeholder="Contact Person Last Name" value="">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="con_phone_num" name="con_phone_num" placeholder="Contact Person Phone Number" value="">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="con_email" name="con_email" placeholder="Contact Person Email" value="">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="con_street" name="con_street" placeholder="Street" value="">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="con_city" name="con_city" placeholder="City" value="">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="con_state" name="con_state" placeholder="State" value="">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="con_zip_code" name="con_zip_code" placeholder="zip_code" value="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>Institutional Financial Officer</label>
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="ins_first_name" name="ins_first_name" placeholder="Financial Officer First Name" value="">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="ins_last_name" name="ins_last_name" placeholder="Financial Officer Last Name" value="">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="ins_phone_num" name="ins_phone_num" placeholder="Financial Officer Phone Number" value="">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="ins_email" name="ins_email" placeholder="Financial Officer Email" value="">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="ins_street" name="ins_street" placeholder="Street" value="">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="ins_city" name="ins_city" placeholder="City" value="">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="ins_state" name="ins_state" placeholder="State" value="">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="ins_zip_code" name="ins_zip_code" placeholder="zip_code" value="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>DUNS Number</label>
                                        <input type="text" class="form-control number_only" id="duns_number" name="duns_number" placeholder="DUNS Number" value="">
                                    </div>
                                    <div class="form-group">
                                        <label>EIN Number</label>
                                        <input type="text" class="form-control" id="ein_number" name="ein_number" placeholder="EIN Number" value="">
                                    </div>
                                    <div class="form-group">
                                        <label>Congressional District</label>
                                        <input type="text" class="form-control" id="congress_dist" name="congress_dist" placeholder="Congressional District" value="">
                                    </div>
                                    <div class="form-group">
                                        <label>University Logo</label>
                                        <span class=" btn btn-default file-upload">
                                        <input type="file" name="avatar_img" id="avatar_img" class="file-input">
                                        Upload Logo </span> </div>
                                    <div class="col-xs-12 col-sm-12 text-center form">
                                        <input type="hidden" name="_token" id="_token" value="{{ csrf_token() }}">
                                        <button type="submit" class="btn btn-dgblue m-r-20 f-s-12 f-w-600">Submit</button>
                                        <button type="button" class="btn dk_grey_bg text-white f-s-12 f-w-600" data-dismiss="modal">Cancel</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    </div>
    </div>
</section>
@include('include/footer_new') 
<script type="text/javascript">
$(document).ready(function() { 
        var table = $('#tableWithSearch_hourstable').DataTable(); 
    });
</script> 
<script src="{!! asset('js/sweetalert-dev.js') !!}"></script> 
<script src="{!! asset('js/plugins/jquery.validate.min.js') !!}"></script>
<link rel="stylesheet" href="{!! asset('css/sweetalert.css') !!}">
@if (count($errors)>0) 
<script> $('#cagency').click();</script> 
@endif 
<script>
    $(document).ready(function() {
        $(".number_only").keydown(function (e) {
            var num_len=$(this).val().length; 
            if(e.which!=190 && e.which!=110) {
                if (e.which != 8 && e.which != 9 && e.which != 0 && (e.which < 48 || e.which > 57 ) && (e.which < 96 || e.which > 105)) {
                    return false;
                }
            }
        }); 
    });

    function delete_agency(aid, tok){
    var r = confirm("Press YES to Delete University");
    if (r == true) {
    $.ajax({
    type:'delete',
            dataType:'json',
            data:{id:aid, _token:tok},
            url: "{!! url('/admin/agency' ) !!}" + "/" + aid,
            success:function (data) {
            sweetAlert("Success", "University Deleted", "success");
            window.location.href = "/admin/agency/";
            }
    });
    }
    }

    function userCheck(data) {
        $("#loader_add_hours").show();
        var manager_id = $('select[name="manager_name"]').val();
        var token = $('#_token').val();
        $("#manager_email").val("");
        $("#manager_number").val("");
        $.ajax({
            url: "/admin/agency/usercheck",
            type: "POST",
            data: {manager_id:manager_id,_token:token},
            success :function(data) {
                console.log(data);
                var email = data.email;
                var phone = data.phone;
                if(email != "") {
                    $("#manager_email").val(email);
                }
                if(phone != "") {
                    $("#manager_number").val(phone);
                }
            }
        });
    }

    $.validator.addMethod("alphabetsnspace", function(alphabetsnspace, element) {
        return this.optional(element) || /^[a-zA-Z0-9 -]*$/.test(alphabetsnspace);
    });
    $.validator.addMethod("lettersonly", function(lettersonly, element) {
        return this.optional(element) || /^[a-zA-Z ]*$/.test(lettersonly);
    });
    $.validator.addMethod("notes", function(notes, element) {
        return this.optional(element) || /^[a-zA-Z0-9 ,.]*$/.test(notes);
    });

    $('#create_agencies').validate({
        rules: {
            fullname: {
                required: true,
                alphabetsnspace: true
            } 
        },
        submitHandler: function(form) {
            sweetAlert({
                        title: "Are You Sure!",
                        text: "Want add the University details!",
                        type: "warning",
                        showCancelButton: true,
                        confirmButtonClass: "btn-danger",
                        confirmButtonText: "Yes, Update!",
                        closeOnConfirm: false,
                        showLoaderOnConfirm: true
                },
                function(){
                    var fullname = $('input[name="fullname"]').val(); 
                    var budget = $('input[name="univ_approc_budget"]').val();
                    var pri_first_name = $('input[name="pri_first_name"]').val();
                    var pri_last_name = $('input[name="pri_last_name"]').val();
                    var pri_number = $('input[name="pri_number"]').val();
                    var pri_email = $('input[name="pri_email"]').val();
                    var admin_first_name = $('input[name="admin_first_name"]').val();
                    var admin_last_name = $('input[name="admin_last_name"]').val();
                    var admin_phone = $('input[name="admin_phone"]').val();
                    var admin_email = $('input[name="admin_email"]').val();
                    var mail_street = $('input[name="mail_street"]').val();
                    var mail_city = $('input[name="mail_city"]').val();
                    var mail_state = $('input[name="mail_state"]').val();
                    var mail_zip_code = $('input[name="mail_zip_code"]').val();
                    var perform_street = $('input[name="perform_street"]').val();
                    var perform_city = $('input[name="perform_city"]').val();
                    var perform_state = $('input[name="perform_state"]').val();
                    var perform_zip_code = $('input[name="perform_zip_code"]').val();
                    var con_first_name = $('input[name="con_first_name"]').val();
                    var con_last_name = $('input[name="con_last_name"]').val();
                    var con_phone_num = $('input[name="con_phone_num"]').val();
                    var con_email = $('input[name="con_email"]').val();
                    var con_street = $('input[name="con_street"]').val();
                    var con_city = $('input[name="con_city"]').val();
                    var con_state = $('input[name="con_state"]').val();
                    var con_zip_code = $('input[name="con_zip_code"]').val();
                    var ins_first_name = $('input[name="ins_first_name"]').val();
                    var ins_last_name = $('input[name="ins_last_name"]').val();
                    var ins_phone_num = $('input[name="ins_phone_num"]').val();
                    var ins_email = $('input[name="ins_email"]').val();
                    var ins_street = $('input[name="ins_street"]').val();
                    var ins_city = $('input[name="ins_city"]').val();
                    var ins_state = $('input[name="ins_state"]').val();
                    var ins_zip_code = $('input[name="ins_zip_code"]').val();
                    var duns_number = $('input[name="duns_number"]').val();
                    var ein_number = $('input[name="ein_number"]').val();
                    var congress_dist = $('input[name="congress_dist"]').val();
                    var univ_degree_bsw;
                    $.each($("input[name='univ_degree_bsw']:checked"), function(){
                        univ_degree_bsw = 'Y';
                    });
                    var univ_degree_msw;
                    $.each($("input[name='univ_degree_msw']:checked"), function(){
                        univ_degree_msw = 'Y';
                    }); 
                    var token = $('#_token').val(); 
                    var image = $('#avatar_img')[0].files[0];
                    var form = new FormData(); 
                    form.append('_token', token);
                    form.append('fullname', fullname);
                    form.append('univ_degree_bsw', univ_degree_bsw);
                    form.append('univ_degree_msw', univ_degree_msw);
                    form.append('univ_approc_budget', budget);
                    form.append('pri_first_name', pri_first_name);
                    form.append('pri_last_name', pri_last_name);
                    form.append('pri_number', pri_number);
                    form.append('pri_email', pri_email);
                    form.append('admin_first_name', admin_first_name);
                    form.append('admin_last_name', admin_last_name);
                    form.append('admin_phone', admin_phone);
                    form.append('admin_email', admin_email);
                    form.append('mail_street', mail_street);
                    form.append('mail_city', mail_city);
                    form.append('mail_state', mail_state);
                    form.append('mail_zip_code', mail_zip_code);
                    form.append('perform_street', perform_street);
                    form.append('perform_city', perform_city);
                    form.append('perform_state', perform_state);
                    form.append('perform_zip_code', perform_zip_code);
                    form.append('con_first_name', con_first_name);
                    form.append('con_last_name', con_last_name);
                    form.append('con_phone_num', con_phone_num);
                    form.append('con_email', con_email);
                    form.append('con_street', con_street);
                    form.append('con_city', con_city);
                    form.append('con_state', con_state);
                    form.append('con_zip_code', con_zip_code);
                    form.append('ins_first_name', ins_first_name);
                    form.append('ins_last_name', ins_last_name);
                    form.append('ins_phone_num', ins_phone_num);
                    form.append('ins_email', ins_email);
                    form.append('ins_street', ins_street);
                    form.append('ins_city', ins_city);
                    form.append('ins_state', ins_state);
                    form.append('ins_zip_code', ins_zip_code);
                    form.append('duns_number', duns_number);
                    form.append('ein_number', ein_number);
                    form.append('congress_dist', congress_dist); 
                    form.append('image', image);
                    $.ajax({
                        url : "{!! url('/admin/agency' ) !!}",
                        type: "POST",
                        data : form,
                        cache: false,
                        contentType: false,
                        processData: false,
                        success: function(data) {
                            console.log(data);
                            if(data=='success'){
                                var data = "University Created Successfully!";
                                sweetAlert({
                                    title: "Success!",
                                    text: data,
                                    type: "success"
                                }, function() {
                                    window.location = "/admin/agency";
                                });
                            }else if(data=='hack') {
                                var data = "Token mismatch!";
                                sweetAlert("Error!", data, "error");
                            }
                            else{
                                var data = "University not created,Try again!";
                                sweetAlert("Error!", data, "error");
                            }
                        }
                    });
                });
        },
        messages: {
            fullname: {
                required: "Please fill the name",
                alphabetsnspace: "This field accept letter's, Numbers and space only"
            } 
        }
    });


    function edit_agency(aid){
    window.location.href = "/admin/agency/" + aid + "/edit";
    } 

</script> 
@if(session()->has('agalert-success'))
{ 
<script type="text/javascript">
    sweetAlert("Success", "University Created Successfully", "success");</script> 
}
@endif
@if(session()->has('eagalert-success'))
{ 
<script type="text/javascript">
    sweetAlert("Success", "University Modified Successfully", "success");
</script> 
}
@endif