@extends('layouts.UserLayout')
@section('content')

    <style>
        /* .inputmandatory{
          border:1px solid red;
        } */
    </style>
    <div class="content-wrapper">
        <!-- Content -->
        <div class="container-xxl flex-grow-1 container-p-y">
            <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light"></span>User Details</h4>
            <div class="card mb-4">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card mb-4">
                                <h5 class="card-header">Institution Details</h5>
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table class="table table-striped table-bordered">
                                            <tr>
                                                <th>Name of Institution:</th>
                                                <td>consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                                                    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                                                    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td>
                                            </tr>
                                            <tr>
                                                <th>Address:</th>
                                                <td><p>consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                                                        cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat</p></td>
                                            </tr>
                                            <tr>
                                                <th>Phone:</th>
                                                <td>555 77 855</td>
                                            </tr>
                                            <tr>
                                                <th>GST NO.:</th>
                                                <td>N/A</td>
                                            </tr>
                                            <tr>
                                                <th>Domain Period:</th>
                                                <td>9 Years</td>
                                            </tr>
                                            <tr>
                                                <th>Domain Creation Date:</th>
                                                <td>9 Years</td>
                                            </tr>
                                            <tr>
                                                <th>Last Transaction:</th>
                                                <td>9 Years</td>
                                            </tr>
                                            <tr>
                                                <th>Last Transaction Date:</th>
                                                <td>9 Years</td>
                                            </tr>
                                            <tr>
                                                <th>Last Update Date:</th>
                                                <td>9 Years</td>
                                            </tr>
                                            <tr>
                                                <th>Domain Expiry Date:</th>
                                                <td>9 Years</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card mb-4">
                                <h5 class="card-header">Details of Head of Institution: </h5>
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table class="table table-striped table-bordered">
                                            <tr>
                                                <th>Name:</th>
                                                <td>Bill Gates</td>
                                            </tr>
                                            <tr>
                                                <th>Desigination:</th>
                                                <td>555 77 854</td>
                                            </tr>
                                            <tr>
                                                <th>Email:</th>
                                                <td>555 77 855</td>
                                            </tr>
                                            <tr>
                                                <th>Phone:</th>
                                                <td>555 77 855</td>
                                            </tr>
                                            <tr>
                                                <th>Mobile:</th>
                                                <td>555 77 855</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card mb-4">
                                <h5 class="card-header">Administrative Contact Details</h5>
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table class="table table-striped table-bordered">
                                            <tr>
                                                <th>Name:</th>
                                                <td>Bill Gates</td>
                                            </tr>
                                            <tr>
                                                <th>Desigination:</th>
                                                <td>555 77 854</td>
                                            </tr>
                                            <tr>
                                                <th>Email:</th>
                                                <td>555 77 855</td>
                                            </tr>
                                            <tr>
                                                <th>Phone:</th>
                                                <td>555 77 855</td>
                                            </tr>
                                            <tr>
                                                <th>Mobile:</th>
                                                <td>555 77 855</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card mb-4">
                                <h5 class="card-header">Billing Contact Details :</h5>
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table class="table table-striped table-bordered">
                                            <tr>
                                                <th>Name:</th>
                                                <td>Bill Gates</td>
                                            </tr>
                                            <tr>
                                                <th>Desigination:</th>
                                                <td>555 77 854</td>
                                            </tr>
                                            <tr>
                                                <th>Email:</th>
                                                <td>555 77 855</td>
                                            </tr>
                                            <tr>
                                                <th>Phone:</th>
                                                <td>555 77 855</td>
                                            </tr>
                                            <tr>
                                                <th>Mobile:</th>
                                                <td>555 77 855</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card mb-4">
                                <h5 class="card-header">Technical Contact Details</h5>
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table class="table table-striped table-bordered">
                                            <tr>
                                                <th>Name:</th>
                                                <td>Bill Gates</td>
                                            </tr>
                                            <tr>
                                                <th>Desigination:</th>
                                                <td>555 77 854</td>
                                            </tr>
                                            <tr>
                                                <th>Email:</th>
                                                <td>555 77 855</td>
                                            </tr>
                                            <tr>
                                                <th>Phone:</th>
                                                <td>555 77 855</td>
                                            </tr>
                                            <tr>
                                                <th>Mobile:</th>
                                                <td>555 77 855</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card mb-4">
                                <h5 class="card-header">Payment Details</h5>
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table class="table table-striped table-bordered">
                                            <tr>
                                                <th>Transaction ID :</th>
                                                <td>YHGFRS45826552</td>
                                            </tr>
                                            <tr>
                                                <th>Added Date:</th>
                                                <td>19-04-2023</td>
                                            </tr>
                                            <tr>
                                                <th>Amount : </th>
                                                <td><span>&#8377; </span>5684</td>
                                            </tr>
                                            <tr>
                                                <th>Payment Invoice : </th>
                                                <td><a href="" download="" title="download payment invoice">Click here to see invoice</a></td>
                                            </tr>
                                            <tr>
                                                <th>Renew Domain : </th>
                                                <td><a href="#" title="Renew Domain" data-bs-toggle="modal" data-bs-target="#renew_domain_modal">Renew Domain</a></td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card mb-4">
                                <div class="d-flex">
                                    <h5 class="card-header">Name Server Details</h5>
                                    <h5 class="card-header">
                                        <a href="{{Route('admin.update-name-server')}}" title="click to update name server">
                                            <i class="fa fa-edit text-info fs-3 me-md-3"></i>
                                        </a>
                                    </h5>
                                </div>
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table class="table table-striped table-bordered">
                                            <tr>
                                                <th>Primary Name Server :</th>
                                                <td>YHGFRS45826552</td>
                                            </tr>
                                            <tr>
                                                <th>Secondary Name Server 1 :</th>
                                                <td>YHGFRS45826552</td>
                                            </tr>
                                            <tr>
                                                <th>Secondary Name Server 2 : </th>
                                                <td>YHGFRS45826552</td>
                                            </tr>
                                            <tr>
                                                <th>Secondary Name Server 3 : </th>
                                                <td>YHGFRS45826552</td>
                                            </tr>
                                            <tr>
                                                <th>Secondary Name Server 4 : </th>
                                                <td>YHGFRS45826552</td>
                                            </tr>
                                            <tr>
                                                <th>Secondary Name Server 5 : </th>
                                                <td>YHGFRS45826552</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="card mb-4">
                                <div class="d-flex">
                                    <h5 class="card-header">Uploaded Documents Details</h5>
                                    <h5 class="mt-4">
                                        <!-- <i class="fa fa-edit text-info fs-3 delete-domain-Category" title="Update Uploaded Documents" data-bs-toggle="modal" data-bs-target="#update_uploades_documents_modal"></i> -->
                                    </h5>
                                </div>
                                <div class="card-body">
                                    <div class="table-responsive">

                                        <form method="post" id="departmentForm">
                                            {!! csrf_field() !!}
                                            <table class="table table-striped table-bordered">
                                                <thead>
                                                <tr>
                                                    <th>File Name</th>
                                                    <th>File Link</th>
                                                    <th>Action</th>
                                                    <th>Remarks</th>
                                                </tr>
                                                </thead>
                                                <tbody>

                                                @foreach($userdocuments as $userdoc)
                                                    <tr>
                                                        <td>{{$userdoc->title}}</td>
                                                        <td><a href="{{url('user-docs')}}/{{$userdoc->path}}" target="_blank">View Document</a></td>
                                                        <td>
                                                            @if($userdoc->status==1)
                                                                <input type="hidden" name="id[]" id="id" value="{{$userdoc->id}}"/>

                                                                <select class="status form-control" name="status[]" data-id="{{$userdoc->id}}" id="status{{$userdoc->id}}" >
                                                                    <option value="2">Approve</option>
                                                                    <option value="0">Clarification Required</option>
                                                                </select>
                                                            @else
                                                                                                                                {{$stat}}
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if($userdoc->status==1)
                                                                <input type="text" name="remarks[]" id="remarks{{$userdoc->id}}" class="form-control" placeholder="" value="{{$userdoc->remarks}}">
                                                            @else
                                                                {{$userdoc->remarks}}
                                                            @endif
                                                        </td>

                                                    </tr>
                                                @endforeach

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

                    </div>
                </div>
            </div>
        </div>
        <!-- / Content -->
        <div class="modal fade" id="renew_domain_modal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="staticBackdropLabel">Update Admin User</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <form role="form" id="update_admin_user_form" method="POST">
                        @csrf
                        <div class="modal-body">
                            <div class="me-md-3  mb-4">
                                <label class="form-label">Name <span>*</span></label>
                                <input type="text" class="form-control" name="update_name" id="update_name">
                            </div>
                            <div class="me-md-3  mb-4">
                                <label class="form-label">User Name <span>*</span></label>
                                <input type="text" class="form-control" name="update_user_name" id="update_user_name">
                            </div>
                            <div class="me-md-3 mb-4">
                                <label class="form-label">Password <span>*</span></label>
                                <input type="password" class="form-control" name="update_user_password" id="update_user_password">
                            </div>
                            <div class="me-md-3  mb-4">
                                <label class="form-label">Role <span>*</span></label>
                                <select class="form-control"  name="add_user_role" id="add_user_role" >
                                    <option value="">Choose Roal</option>
                                    <option value="accounts">Accounts</option>
                                    <option value="admin">Admin</option>
                                    <option value="checkers">Checkers</option>
                                    <option value="creator">Creator</option>
                                    <option value="owner">Owner</option>
                                    <option value="super-admin">Super Admin</option>
                                </select>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                            <button class="btn btn-primary d-grid" id="update_admin_user_btn" name="action" value="submit">Update</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="modal fade" id="view_uploades_documents_modal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog ">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="staticBackdropLabel">View Uploaded Documents</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="card-body">
                        <div class="card p-4">
                            <div class="uploaded-img-preview">
                                <h5>file Name : <span>Adhar Card</span></h5>
                                <p><b>Description :</b> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                                    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                                    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                                    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                                <img src="{{asset('assets/img/logo.png')}}" alt="" class="img-fluid">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal fade" id="update_uploades_documents_modal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="staticBackdropLabel">Update Admin User</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <form role="form" id="update_admin_user_form" method="POST">
                        @csrf
                        <div class="modal-body ">
                            <div class="card">
                                <div class="container-fluid m-0 p-0">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-md-4  mb-4">
                                                <label class="form-label">Thumbnail <span>*</span></label>
                                                <img src="{{asset('assets/img/logo.png')}}" alt="" class="img-fluid border">
                                                <input type="file" class="form-control" name="update_name" id="update_name">
                                            </div>
                                            <div class="col-md-4  mb-4">
                                                <label class="form-label">File Name <span>*</span></label>
                                                <input type="text" class="form-control" name="update_user_name" id="update_user_name">
                                            </div>
                                            <div class="col-md-4 mb-4">
                                                <label class="form-label">Description <span>*</span></label>
                                                <input type="password" class="form-control" name="update_user_password" id="update_user_password">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                            <button class="btn btn-primary d-grid" id="update_admin_user_btn" name="action" value="submit">Update</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </div>
@endsection
@section("js")
    <script>
        $(document).ready(function() {

            $('body').on('submit', '#departmentForm', function(e) {
                $(".inputmandatory").css("border","1px solid red");
                e.preventDefault();
                var current = $(this);
                $hit=true;

                $( ".inputmandatory" ).each(function(index,value ) {

                    $val=$(this).val();

                    $check=0;
                    if($val==''){
                        $check+=1;
                    }

                    console.log($hit);

                    if($check>0){
                        $hit=false;
                    }else{
                        $hit=true;
                    }
                    console.log($hit);
                    console.log($check);

                });

                if($hit==true){

                    if (confirm('Are you sure you want to save changes ?')) {
                        // $('.submit', current).attr('disabled', 'disabled');

                        var data = current.serialize();
                        $.ajax({
                            url: "{{route('admin.docupdate')}}",
                            dataType : "json",
                            type: "post",
                            data : data,
                            success : function(response) {

                                $('.submit').removeAttr('disabled');

                                if(response.status == 'success') {
                                    window.location.reload();
                                } else if(response.status == 'errors') {

                                    $.each(response.message, function(i, message) {
                                        $('#'+i).after('<span class="Description_error" style="color:red">'+message+'</span>');
                                    });

                                } else if(response.status == 'error') {
                                    $('#name').after('<span class="Description_error" style="color:red">'+response.error+'</span>');
                                }
                                else if(response.status == 'exceptionError')
                                {
                                }
                            },
                        });
                        return false;
                    }
                }
                return false;
            });

            $('body').on('change', '.status', function() {

                $( ".status" ).each(function(index,value ) {
                    $data=$(this).attr("data-id");
                    $val=$('#status'+$data).val();
                    if($val==0){
                        $('#remarks'+$data).addClass('inputmandatory');
                    }
                    console.log($val);
                    //  alert('sfd')
                });

            });

        });
    </script>
@endsection