@extends('layouts.app')

@section('content')
<style>
    .btncolor{
        background:#eee;
       color:black;
    }
    .abgcolor{
        background:#007bff;
       color:white;
    }
    
</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/bbbootstrap/libraries@main/choices.min.css">
 <div class="page-wrapper">
   
<!-- Tabs content -->

<div class="page-header pt-5">
        <div class="row align-items-end">
                <div class="col-lg-8">
                    <div class="page-header-breadcrumb">
                        <ul class="breadcrumb-title">
                            <li class="breadcrumb-item">
                                <a href="index.html"> <i class="feather icon-home"></i> </a>
                            </li>
                            <li class="breadcrumb-item">{{__('role.add_update')}}</li>
                        </ul>
                    </div>
                    <div style="clear: both"></div>
                     <div class="page-header-title">
                        <div class="d-inline">
                            <h4>HIV Testing and Treatment for Spouse/Partner:(TG,PWID,BP) </h4>
                        </div>
                     </div>
                  </div>

                  </div>
            </div>
        <!-- Page-header end -->

        <!-- Page-body start -->
        <div class="page-body">
            <div class="row">
                <div class="col-sm-12">
                    <!-- Zero config.table start -->
                    <div class="card">
                        <div class="card-block">
                            <div class="mT-30">
                                @include('common.error')

                                <form class="container" method="POST" action="{{ route('roles.store') }}" id="needs-validation">
                                    @csrf
                                  
                                    <div class="col-md-12 mb-3">
                                        <div class="dt-responsive ">
                                            <table class="table   mobile-view-tble family_partner_table">
                                                <thead>
                                                    <tr style="background-color:white !important;">
                                                        <th>Sno.</th>
                                                        <th>Name </th>
                                                        <th>Age </th>
                                                        <th>Gender </th>
                                                        <th>PID no. </th>
                                                        <th class="text-center" style=" width: 60px; "><button type="button" class="btn btn-width btn-success " onclick="add_family_partner(this);">+</button></th>
                                                    </tr>
                                                   </thead>
                                                    <tbody>
                                                        <tr>
                                                            <input type="hidden" name="family_partner[0][id]"
                                                            class="id">

                                                            <td><span class="sno">1<span></td>

                                                            <td>
                                                                <input type="text" class="form-control family_partner_name"
                                                                name="family_partner[0][family_partner_name]">
                                                            </td>

                                                            <td>
                                                                <input type="text" class="form-control family_partner_age"
                                                                name="family_partner[0][family_partner_age]">
                                                            </td>

                                                            <td>
                                                                <select name="family_partner[0][family_partner_gender]"
                                                                    class="form-control family_partner_gender">
                                                                    <option value="">Select</option>
                                                                   
                                                                </select>
                                                             </td>

                                                             <td>
                                                                <input type="text" class="form-control family_partner_pid"
                                                                name="family_partner[0][family_partner_pid]">
                                                            </td>
                                                         
                                                            <td>
                                                            <a class="btn btn-secondary rounded" href="#">Screening</a>&nbsp;&nbsp;

                                                                <button class="delete-btn " type="button"
                                                                    onclick="delete_family_partner(this);">
                                                                   
                                                                    <i class="fa fa-trash"></i>
                                                                </button>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <br>
                                    <h6><b>HIV Screen details(Partner Name)</b></h6><hr>
                                  

                                    <div class="col-md-12 mb-3">
                                        <div class="dt-responsive ">
                                            <table class="table   mobile-view-tble screen_table">
                                                <thead>
                                                    <tr style="background-color:white !important;">
                                                        <th>Sno.</th>
                                                        <th>Date of HIV Screening </th>
                                                        <th>Result of HIV Screening </th>
                                                        <th>Date of HIV Confirmation </th>
                                                        <th>HIV Test result </th>
                                                        <th>Date of ART initiation </th>
                                                        <th>ART Registration No </th>
                                                        <th>Name of ARTC </th>
                                                        <th>Date of Baseline/recent CD4 Test </th>
                                                        <th>Baseline/recent CD4 Count </th>
                                                        <th class="text-center" style=" width: 60px; "><button type="button" class="btn btn-width btn-success " onclick="add_screen(this);">+</button></th>
                                                    </tr>
                                                   </thead>
                                                    <tbody>
                                                        <tr>
                                                            <input type="hidden" name="screen[0][id]"
                                                            class="id">

                                                            <td><span class="sno">1<span></td>

                                                            <td>
                                                                <input type="date" class="form-control screen_hiv_date"
                                                                name="screen[0][screen_hiv_date]">
                                                            </td>

                                                            <td>
                                                                <select name="screen[0][screen_hiv_result]"
                                                                    class="form-control screen_hiv_result">
                                                                    <option value="">Select</option>
                                                                   
                                                                </select>
                                                             </td>

                                                            <td>
                                                                <input type="date" class="form-control screen_confirmation_date"
                                                                name="screen[0][screen_confirmation_date]">
                                                            </td>

                                                            <td>
                                                                <select name="screen[0][screen_hiv_test_result]"
                                                                    class="form-control screen_hiv_test_result">
                                                                    <option value="">Select</option>
                                                                   
                                                                </select>
                                                             </td>

                                                             <td>
                                                                <input type="date" class="form-control screen_art_date_initiation"
                                                                name="screen[0][screen_art_date_initiation]">
                                                            </td>

                                                            <td>
                                                                <input type="text" class="form-control screen_art_registration_no"
                                                                name="screen[0][screen_art_registration_no]">
                                                            </td>

                                                            <td>
                                                                <input type="text" class="form-control screen_artc_name"
                                                                name="screen[0][screen_artc_name]">
                                                            </td>

                                                            <td>
                                                                <input type="date" class="form-control screen_cd4_date"
                                                                name="screen[0][screen_cd4_date]">
                                                            </td>

                                                            <td>
                                                                <input type="text" class="form-control screen_cd4_count"
                                                                name="screen[0][screen_cd4_count]">
                                                            </td>
                                                         
                                                            <td>
                                                                <button class="delete-btn " type="button"
                                                                    onclick="delete_screen(this);">
                                                                   
                                                                    <i class="fa fa-trash"></i>
                                                                </button>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                            </table>
                                        </div>
                                    </div>



                                    <br>
                                
                                    <div class="col-md-12 mb-3">
                                        <div class="table-responsive ">
                                            <table class="table   mobile-view-tble service_table">
                                                <thead>
                                                    <tr style="background-color:white !important;">
                                                        <th>Sno.</th>
                                                        <th>Name opf the Service </th>
                                                        <th>Date </th>
                                                        <th class="text-center" style=" width: 60px; "><button type="button" class="btn btn-width btn-success " onclick="add_service(this);">+</button></th>
                                                    </tr>
                                                   </thead>
                                                    <tbody>
                                                        <tr>
                                                            <input type="hidden" name="screen[0][id]"
                                                            class="id">

                                                            <td><span class="sno">1<span></td>

                                                            <td>
                                                                <input type="test" class="form-control service_name"
                                                                name="service[0][service_name]">
                                                            </td>

                                                            <td>
                                                                <input type="date" class="form-control service_date"
                                                                name="service[0][service_date]">
                                                            </td>


                                                            <td>
                                                                <button class="delete-btn " type="button"
                                                                    onclick="delete_service(this);">
                                                                   
                                                                    <i class="fa fa-trash"></i>
                                                                </button>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    
                                    <div class="row">
                                        <div class="col-md-12 mb-3 float-left">
                                           {{-- @if (can('rolecontroller', 'update'))--}} 
                                            <button class="btn btn-m btn-primary" type="submit">Save</button>{{--@endif--}} 
                                            <a href="{{ url('roles') }}" class="btn btn-m btn-danger pt-2">Back</a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- Page-body end -->
    
    </div>

    <script>

family_partner_counter = {{ isset($family_partner) && count($family_partner) > 0 ? count($family_partner) : 1 }};
        var family_partnerRowCount = $('.family_partner_table >tbody >tr').length;

        function add_family_partner(elem) {
                var family_partner_no = $('.family_partner_table').find('tr:last td:first').text();
                var family_partner_last_row_no = parseInt(family_partner_no.replace(/[^0-9]/g,''));
                var cloned = $('.family_partner_table').find('tbody tr').last().clone();
                $(cloned).find('.id').attr('name', 'family_partner[' + family_partner_counter + '][id]').val('');

                $(cloned).find('.sno').text(++family_partner_last_row_no);

                $(cloned).find('.family_partner_name').attr('name', 'service[' + family_partner_counter + '][family_partner_name]').val('');
               
                $(cloned).find('.family_partner_age').attr('name', 'service[' + family_partner_counter + '][family_partner_age]').val('');
    
               
                $(cloned).find('.family_partner_gender').attr('name', 'service[' + family_partner_counter + '][family_partner_gender]').val('');

                $(cloned).find('.family_partner_pid').attr('name', 'service[' + family_partner_counter + '][family_partner_pid]').val('');
    
                $(cloned).appendTo('.family_partner_table');
    
                
                family_partner_counter++;
    
            }

            function delete_family_partner(elem) {
                $(elem).parents('tr').remove();
            }



            
screen_counter = {{ isset($screen) && count($screen) > 0 ? count($screen) : 1 }};
        var screenRowCount = $('.screen_table >tbody >tr').length;

        function add_screen(elem) {
                var screen_no = $('.screen_table').find('tr:last td:first').text();
                var screen_last_row_no = parseInt(screen_no.replace(/[^0-9]/g,''));
                var cloned = $('.screen_table').find('tbody tr').last().clone();
                $(cloned).find('.id').attr('name', 'screen[' + screen_counter + '][id]').val('');

                $(cloned).find('.sno').text(++screen_last_row_no);

                $(cloned).find('.screen_hiv_date').attr('name', 'service[' + screen_counter + '][screen_hiv_date]').val('');
               
                $(cloned).find('.screen_hiv_result').attr('name', 'service[' + screen_counter + '][screen_hiv_result]').val('');
    
               
                $(cloned).find('.screen_confirmation_date').attr('name', 'service[' + screen_counter + '][screen_confirmation_date]').val('');

                $(cloned).find('.screen_hiv_test_result').attr('name', 'service[' + screen_counter + '][screen_hiv_test_result]').val('');

                $(cloned).find('.screen_art_date_initiation').attr('name', 'service[' + screen_counter + '][screen_art_date_initiation]').val('');

                $(cloned).find('.screen_art_registration_no').attr('name', 'service[' + screen_counter + '][screen_art_registration_no]').val('');

                $(cloned).find('.screen_artc_name').attr('name', 'service[' + screen_counter + '][screen_artc_name]').val('');

                $(cloned).find('.screen_cd4_date').attr('name', 'service[' + screen_counter + '][screen_cd4_date]').val('');

                $(cloned).find('.screen_cd4_count').attr('name', 'service[' + screen_counter + '][screen_cd4_count]').val('');
    
                $(cloned).appendTo('.screen_table'); 
                screen_counter++;
    
            }

            function delete_screen(elem) {
                $(elem).parents('tr').remove();
            }


            service_counter = {{ isset($service) && count($service) > 0 ? count($service) : 1 }};
           var serviceRowCount = $('.service_table >tbody >tr').length;

          function add_service(elem) {
                var service_no = $('.service_table').find('tr:last td:first').text();
                var service_last_row_no = parseInt(service_no.replace(/[^0-9]/g,''));
                var cloned = $('.service_table').find('tbody tr').last().clone();
                $(cloned).find('.id').attr('name', 'service[' + service_counter + '][id]').val('');

                $(cloned).find('.sno').text(++service_last_row_no);

                $(cloned).find('.service_name').attr('name', 'service[' + service_counter + '][service_name]').val('');
               
                $(cloned).find('.service_date').attr('name', 'service[' + service_counter + '][service_date]').val('');
    
                $(cloned).appendTo('.service_table');
    
                
                service_counter++;
    
            }

            function delete_service(elem) {
                $(elem).parents('tr').remove();
            }

            
</script>
@endsection