@extends('layouts.home_layout')
@php
    $pageTitle = "Treatment Info Form";
@endphp
@section('title', $pageTitle)

@section('style')
    <link rel="stylesheet" href="{{ asset('app-assets/css/select2.min.css') }}" >
@endsection
@section('content')
    <div class="app-content content">
        <div class="content-wrapper">
            <div class="content-header row">
                <div class="content-header-left col-md-6 col-12 mb-2 breadcrumb-new">
                    <h3 class="content-header-title mb-0 d-inline-block">{{$pageTitle}}</h3>
                    {{-- <div class="row breadcrumbs-top d-inline-block">
                        <div class="breadcrumb-wrapper col-12">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                                <li class="breadcrumb-item active">Animation</li>
                            </ol>
                        </div>
                    </div> --}}
                </div>
                <div class="content-header-right col-md-6 col-12">
                    <div class="dropdown float-md-right">
                        @if (is_permit('cati_f'))
                            <a class="btn btn-danger round btn-glow px-2 mb-1" href="{{ url('_tmt_l') }}">Treatment List</a>
                        @endif
                    </div>
                </div>
            </div>
            <div class="content-body">
                @include('common.alert_msg')
                <!-- Button animation start -->
                <section id="btnAnimation" class="btnAnimation">
                    <div class="row">
                        <div class="modal-content" id="modalContent">
                            <div class="modal-header">
                                <h5 class="modal-title" id="modalTitle">New Treatment List</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            {{-- @if ($errors->any())
                            <div class="alert alert-danger">
                                <button type="button" class="close" data-dismiss="alert">×</button>
                                <ul>
                                    @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                            @endif --}}
                            <form method="post" action="{{ url('_tmt_s') }}">
                                @csrf
								@isset($row->id)
									<input type="hidden" name="row_id" id="row_id" value="{{$row->id}}" />
								@endisset
                                <div class="row">
                                    <div class="col-sm-12 col-md-12">
                                        <div class="modal-body">
                                            <div class="row">
                                                <div class="col-sm-12 col-md-3">
                                                    <div class="form-group">
                                                        <label for="partner_id" class="col-form-label">Partner Name<span class="red">*</span></label>
                                                        <select name="partner_id" id="partner_id" class="form-control" required>
                                                            <option value="">Select One</option>
                                                            @foreach($partner_lists as $partner)
                                                                <option value="{{ $partner->id}}">{{ $partner->partner_name_en}}</option>
                                                            @endforeach
                                                        </select>
														<script>selectData('partner_id',"{{@$row->partner_id}}");</script>
                                                        @if ($errors->has('partner_id'))
                                                            <span class="text-danger">{{ $errors->first('partner_id') }}</span>
                                                        @endif
                                                    </div>
                                                </div>
                                                <div class="col-sm-12 col-md-3">
                                                    <div class="form-group">
                                                        <label for="cooperative_id" class="col-form-label">Cooperative Name<span class="red">*</span></label>
                                                        <select name="cooperative_id" id="cooperative_id" class="form-control" required>
                                                            <option value="">Select One</option>
															@isset($row->id)
																@foreach($cooperative_lists as $cooperative_list)
																	<option value="{{ $cooperative_list->id}}">{{ $cooperative_list->cp_name_en}}</option>
																@endforeach
															@endisset
                                                        </select>
														<script>selectData('cooperative_id',"{{@$row->cooperative_id}}");</script>
                                                        @if ($errors->has('cooperative_id'))
                                                            <span class="text-danger">{{ $errors->first('cooperative_id') }}</span>
                                                        @endif
                                                    </div>
                                                </div>
                                                <div class="col-sm-12 col-md-2">
                                                    <div class="form-group">
                                                        <label for="group_id" class="col-form-label">Farmer Group Name<span class="red">*</span></label>
                                                        <select name="group_id" id="group_id" class="form-control" required>
                                                            <option value="">Select One</option>
															@isset($row->id)
																@foreach($farmer_groups_lists as $group_list)
																	<option value="{{$group_list->id}}">{{ $group_list->group_name_en}}</option>
																@endforeach
															@endisset
                                                        </select>
														<script>selectData('group_id',"{{@$row->group_id}}");</script>
                                                        @if ($errors->has('group_id'))
                                                            <span class="text-danger">{{ $errors->first('group_id') }}</span>
                                                        @endif
                                                    </div>
                                                </div>
                                                <div class="col-sm-12 col-md-2">
                                                    <div class="form-group">
                                                        <label for="animal_type_id" class="col-form-label">Animal Type<span class="red">*</span></label>
                                                        <select name="animal_type_id" id="animal_type_id" class="form-control" required>
                                                            <option value="">Select One</option>
															@forelse($animalType as $v)
																<option value="{{ $v->id }}">{{ $v->type_name }}</option>
															@empty
															@endforelse
                                                        </select>
														<script>selectData('animal_type_id',"{{@$row->animal_type_id}}");</script>
                                                        @if ($errors->has('farmer_id'))
                                                            <span class="text-danger">{{$errors->first('farmer_id')}}</span>
                                                        @endif
                                                    </div>
                                                </div>
												 <div class="col-sm-12 col-md-2">
                                                    <div class="form-group">
                                                        <label for="farmer_id" class="col-form-label">Farmer Name<span class="red">*</span></label>
                                                        <select name="farmer_id" id="farmer_id" class="form-control" required>
                                                            <option value="">Select One</option>
															@isset($row->id)
																@forelse($farmer_lists as $farmer)
																<option value="{{ $farmer->id }}">{{$farmer->farmer_name_en}}</option>
																@empty
																@endforelse
															@endisset
                                                        </select>
														<script>selectData('farmer_id',"{{@$row->farmer_id}}");</script>
                                                        @if ($errors->has('farmer_id'))
                                                            <span class="text-danger">{{ $errors->first('farmer_id') }}</span>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                            <style type="text/css">
                                                .entry-tbl{
                                                    width: 100%;
                                                }
                                                .entry-tbl td{
                                                    padding: 5px;
                                                }
                                            </style>
                                            <table class="table table-bordered table-responsive dataTable entry-tbl" >
												{{-- @php
													if(isset($row->treatments)){
														$chekd="checked";$disbld='dissabled';
														$treatments = $row->treatments;
													}else{ $chekd=NULL;$disbld=NULL;$treatments = [];}
													//dd($treatments)
												@endphp --}}
                                                @php
                                                    $chkd = '';
                                                    if($id > 0) {
                                                        $hideTag = '';
                                                        if (count($list) == $totalCattle) {
                                                            $chkd='checked';
                                                        } 
                                                    }
                                                @endphp
                                                <thead>
                                                    <tr class="">
                                                        <th class="text-center">
                                                            <input type="checkbox" {{$chkd}} id="checkAll" />
                                                        </th>
                                                        <th class="text-center">Cattle ID</th>
                                                        <th class="text-center">Disease Name</th>
                                                        <th class="text-center">Major Symptoms</th>
                                                        <th class="text-center">Medicine Category</th>
                                                        <th class="text-center">Medicine Name</th>
                                                        <th class="text-center">Treatment Date</th>
                                                        <th class="text-center">Withdrawal Days</th>
                                                        <th class="text-center">Cost</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="cattleRowTbody">
                                                    @foreach ($list as $v)
														@php
                                                            $d_row_id  = 0;

                                                            $row_checked  = '';
                                                            $row_disabled = 'disabled';
                                                            if ($v->d_row_id) {
                                                                $d_row_id = $v->d_row_id;

                                                                $row_checked  = 'checked';
                                                                $row_disabled = '';
                                                            }
                                                            $cattle_reg_id = $v->cattle_reg_id;
                                                            $id_prefix     = $v->id_prefix;
                                                            $cattle_id_no  = $v->cattle_id_no;
                                                            if($id_prefix) {
                                                                $cattle_code = $id_prefix . ' - ' . $cattle_id_no;
                                                            } else {
                                                                $cattle_code = $cattle_id_no;
                                                            }
                                                        @endphp
                                                        <tr class="cattleRowTr">
                                                            <td class="text-center">
                                                                <input type="checkbox" class="cattle_reg_id"  name="cattle_reg_id[]" {{$row_checked}} value="{{$cattle_reg_id}}"/>
                                                                <input type="hidden" name="d_row_id[]" class="mt-1 form-control d_row_id" {{$row_disabled}} value="{{$d_row_id}}">
                                                            </td>
                                                            <td class="text-center cattle_id_no">{{$cattle_code}}</td>
                                                            <td class="text-center">
                                                                <select name="disease_id[]" class="form-control disease_id" id="disease_id_{{$loop->iteration}}" {{$row_disabled}} >
                                                                    <option value="">Select Disease</option>
                                                                    @forelse($diseases_lists as $d)
                                                                        <option value="{{$d->id}}">{{$d->disease_name_en}}</option>
                                                                    @empty
                                                                    @endforelse
                                                                </select>
                                                                <script>selectData("disease_id_{{$loop->iteration}}","{{$v->disease_id}}");</script>
                                                            </td>
                                                            <td class="text-center">
                                                                <textarea name="treatment_description[]" class="form-control treatment_description" {{$row_disabled}} >{{$v->treatment_description}}</textarea>
                                                            </td>
                                                            <td class="text-center">
                                                                <select name="med_cat_id[]" class="form-control med_cat_id" id="med_cat_id_{{$loop->iteration}}" {{$row_disabled}} >
                                                                    <option value="">Select Category</option>
                                                                    @forelse($medicine_categories as $mc)
                                                                        <option value="{{$mc->id}}">{{$mc->cat_name_en}}</option>
                                                                    @empty
                                                                    @endforelse
                                                                </select>
                                                                <script>selectData("med_cat_id_{{$loop->iteration}}","{{$v->med_cat_id}}");</script>
                                                            </td>
                                                            <td class="text-center">
                                                                <input type="text" name="medicine_id[]" class="form-control medicine_id" {{$row_disabled}} value="{{$v->medicine_id}}" >
                                                                {{-- <select name="medicine_id[]" class="form-control medicine_id" id="medicine_id_{{$loop->iteration}}">
                                                                    <option value="">Select Medicine</option>
                                                                    @forelse($medicine_lists as $medicine)
                                                                    <option value="{{ $medicine->id}}">{{ $medicine->medicine_name_en}}</option>
                                                                    @empty
                                                                    @endforelse
                                                                </select>
                                                                <script>selectData("medicine_id_{{$loop->iteration}}","{{$v->medicine_id}}");</script> --}}
                                                            </td>
                                                            <td class="text-center">
                                                                <input type="date" name="treatment_date[]" class="form-control treatment_date" value="{{$v->treatment_date}}" {{$row_disabled}} />
                                                            </td>
                                                            
                                                            <td class="text-center">
                                                                <input type="number" name="withdrawal_days[]" class="form-control withdrawal_days" value="{{$v->withdrawal_days}}" {{$row_disabled}} />
                                                            </td>
                                                            <td class="text-center">
                                                                <input type="number" step="any" name="treatment_cost[]" class="form-control treatment_cost" value="{{$v->treatment_cost}}" {{$row_disabled}} />
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    @if ($id > 0)
                                        <button type="submit" class="btn btn-primary" id="btn_save">Update</button>
                                    @else
                                        <button type="submit" class="btn btn-primary" id="btn_save">Save</button>
                                    @endif
                                </div>
                            </form>
                            <table class="hide-tag">
                                <tbody id="cattleRowTr">
                                    <tr class="cattleRowTr">
                                        <td class="text-center">
                                            <input type="checkbox" class="cattle_reg_id"  name="cattle_reg_id[]" />
											<input type="hidden" name="d_row_id[]" class="mt-1 form-control d_row_id" disabled>
                                        </td>
                                        <td class="text-center cattle_id_no"></td>
                                        <td class="text-center">
                                            <select name="disease_id[]" class="form-control disease_id" disabled>
                                                <option value="">Select Disease</option>
                                                @forelse($diseases_lists as $v)
                                                    <option value="{{ $v->id}}">{{ $v->disease_name_en}}</option>
                                                @empty
                                                @endforelse
                                            </select>
                                        </td>
                                        <td class="text-center">
                                            <textarea name="treatment_description[]" class="form-control treatment_description" disabled></textarea>
                                        </td>
                                        <td class="text-center">
                                            <select name="med_cat_id[]" class="form-control med_cat_id" disabled>
                                                <option value="">Select Category</option>
                                                @forelse($medicine_categories as $v)
                                                    <option value="{{ $v->id}}">{{ $v->cat_name_en}}</option>
                                                @empty
                                                @endforelse
                                            </select>
                                        </td>
                                        <td class="text-center">
                                            {{-- <select name="medicine_id[]" class="form-control medicine_id">
                                                <option value="">Select Medicine</option>
                                            </select> --}}
                                            <input type="text" name="medicine_id[]" class="form-control medicine_id" disabled>
                                        </td>
                                        <td class="text-center">
                                            <input type="date" name="treatment_date[]" class="form-control treatment_date" disabled value="{{date('Y-m-d')}}">
                                        </td>
                                        
                                        <td class="text-center">
                                            <input type="number" name="withdrawal_days[]" class="form-control withdrawal_days" disabled />
                                        </td>
                                        <td class="text-center">
                                            <input type="number" step="any" name="treatment_cost[]" class="form-control treatment_cost" disabled>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </section>
                <!-- Card animation end -->
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script src="{{asset('app-assets/js/select2.min.js')}}"></script>
    <script>
        // @if($errors->any())
        //     $('#modal').modal('show');
        // @endif 

        // $(function () {
        //     $(".modal").on("hidden.bs.modal", function (e) {
        //         $("#modalTitle").html("New");
        //         $('#btn_save').text("Save");
        //         //reset_form_data();
        //     });
        // });

        // Partner Wise Corporative Data
        $(document).on('change','#partner_id',function(){
            var id=$(this).val();
            $.ajaxSetup({
                headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            var op1 = '<option value="0">Select One</option>';
            $('#cooperative_id').html(op1);
            $.ajax({
                type    : "get",
                url     : "{{ url('/_gtCop') }}/" + id,
                dataType: "json",
                success : function(response){
                    console.log(response);
                    
                    $.each(response.rows, function(i, v) { 
                        op1 += '<option value="'+v.id+'">' +v.cp_name_en+ '</option>';
                    });
                    $('#cooperative_id').html(op1);
                },
                error : function(response){
                    alert("Error")
                }
            });
        });


        // Cooperative Wise Farmer-Group Data
        $(document).on('change','#cooperative_id',function(){
            var id=$(this).val();
            $.ajaxSetup({
                headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            var op1 = '<option value="0">Select One</option>';
            $('#group_id').html(op1);
            $.ajax({
                type    : "get",
                url     : "{{ url('/_gtGoC') }}/" + id,
                dataType: "json",
                success : function(response){
                    console.log(response);
                    
                    $.each(response.rows, function(i, v) { 
                        op1 += '<option value="'+v.id+'">' +v.group_name_en+ '</option>';
                    });
                    $('#group_id').html(op1);
                },
                error : function(response){
                    alert("Error")
                }
            });
        });


        // Group Wise Farmer
        $(document).on('change','#group_id',function(){
            var id=$(this).val();
            $.ajaxSetup({
                headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            var op1 = '<option value="0">Select One</option>';
            $('#farmer_id').html(op1);
            $.ajax({
                type    : "get",
                url     : "{{ url('/_gtFoG') }}/" + id,
                dataType: "json",
                success : function(response){
                    console.log(response);
                    
                    $.each(response.rows, function(i, v) { 
                        op1 += '<option value="'+v.id+'">' +v.farmer_name_en+ '</option>';
                    });
                    $('#farmer_id').html(op1);
                },
                error : function(response){
                    alert("Error")
                }
            });
        });

        // Farmer Wise Data
		$(document).on('change','#farmer_id',function(){
            var id = $(this).val() || false;
            if(id){
                var animal_type_id  = $('#animal_type_id').val() || false;
                if(!animal_type_id) {
                    alert('Animal Type is Empty.'); $(this).val('').trigger('change'); return false;
                }
            }
            var partner_id      = $('#partner_id').val();
            var cooperative_id  = $('#cooperative_id').val();
            var group_id        = $('#group_id').val();
            var edit_id         = '{{$id}}';
            var totalRow = 0;
            var checkedRow = 0;
            $("#cattleRowTbody").empty();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                type    : "get",
                url     : "{{ url('/_gtFwcttTre') }}?animal_type_id=" + animal_type_id + '&farmer_id=' + id + '&edit_id=' + edit_id,
                dataType: "json",
                success : function(response){
                    //console.log(response);
                    $.each(response.rows, function(i,v){
						if(i==0){
                            $("#cattleRowTbody").empty();
                        }
                        totalRow = (totalRow + 1);
                        var d_row_id  = 0;
                        var row_disabled = true;
                        var row_checked = false;
                        var treatment_date = "{{date('Y-m-d')}}";
						if(edit_id != 0) {
							d_row_id = v.d_row_id || 0;
                            if(d_row_id != 0) {
                                row_disabled  = false; 
                                checkedRow = (checkedRow + 1);
                                row_checked  = true;
                            }
                            treatment_date = v.treatment_date;
						}
                        var id_prefix = v.id_prefix || 0;
                        var cattle_id_no = v.cattle_id_no || 0;
                        var cattle_code = '';
                        if(id_prefix != 0) {
                            cattle_code = id_prefix + ' - ' + cattle_id_no;
                        } else {
                            cattle_code = cattle_id_no;
                        }

						var cattleRowTr = $("#cattleRowTr tr").clone();
						cattleRowTr.find('.cattle_reg_id').val(v.cattle_reg_id).attr('checked', row_checked);
						cattleRowTr.find('.d_row_id').val(v.d_row_id).attr('disabled', row_disabled);
						cattleRowTr.find('.cattle_id_no').html(cattle_code);
						cattleRowTr.find('.disease_id').val(v.disease_id).attr('disabled', row_disabled);
						cattleRowTr.find('.treatment_description').val(v.treatment_description).attr('disabled', row_disabled);
						cattleRowTr.find('.med_cat_id').val(v.med_cat_id).attr('disabled', row_disabled);
						cattleRowTr.find('.medicine_id').val(v.medicine_id).attr('disabled', row_disabled);
						cattleRowTr.find('.treatment_date').val(treatment_date).attr('disabled', row_disabled);
						cattleRowTr.find('.withdrawal_days').val(v.withdrawal_days).attr('disabled', row_disabled);
						cattleRowTr.find('.treatment_cost').val(v.treatment_cost).attr('disabled', row_disabled);

						// cattleRowTr.removeClass('hide-tag');
						// $("#masterCheck").attr('disabled', false);
						$("#cattleRowTbody").append(cattleRowTr)
                    });
                    if(totalRow == checkedRow && totalRow != 0) {
                        $('#checkAll').prop('checked', true);
                    } else {
                        $('#checkAll').prop('checked', false);
                    }
                },
                error : function(response){
                    alert("Error")
                }
            });
        });
		$(document).on('change','.med_cat_id',function(){
			var element = $(this);
			//console.log(element);
            var id=element.val();
			//alert(element.index());
            $.ajaxSetup({
                headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            var op1 = '<option value="0">Select One</option>';
            //$('#group_id').html(op1);
			var url = "{{route('gtMedByCat',':param')}}";
            $.ajax({
                type    : "get",
                url     : url.replace(':param',id),
                dataType: "json",
                success : function(response){
                    if(response.success){
						$.each(response.rows, function(i,v){
							op1 += '<option effective_days="'+v.effective_days+'" value="'+v.id+'">' +v.medicine_name_en+ '</option>';
						});
						//$(".medicine_id").eq(element.index()).html(op1);
						element.parents('.cattleRowTr').find('.medicine_id').html(op1);
					}
                    element.parents('.cattleRowTr').find('.withdrawal_days').attr('readonly', true).val('');
                    if(id == 2) {
                        element.parents('.cattleRowTr').find('.withdrawal_days').val(15);
                    } 
                },
                error : function(response){
                    alert("Error")
                }
            });
        });
		$(document).on('change','.medicine_id',function(){
			var element = $(this);
            var withDrawalDays=element.find('option:selected').attr('effective_days');
			element.parents('.cattleRowTr').find('.withdrawal_days').val(withDrawalDays)
        });
		
		$(document).on('change', '#checkAll',function(){
            var thisElement = $(this);
            $('.cattle_reg_id').prop('checked',this.checked);
			$(".d_row_id,.cattle_id_no,.disease_id,.treatment_description,.med_cat_id,.medicine_id,.treatment_date,.withdrawal_days,.treatment_cost").attr('disabled', !this.checked)
        });

        $(document).on('change', '.cattle_reg_id',function(){
            var thisElement = $(this);
            // if ($('.cattle_reg_id:checked').length == $('.cattle_reg_id').length){
            if ($('.cattle_reg_id:checked').length == ($('.cattle_reg_id').length - 1)) {
                $('#checkAll').prop('checked',true);
            } else {
                $('#checkAll').prop('checked',false);
            }
			thisElement.parents('.cattleRowTr').find('.d_row_id,.cattle_id_no,.disease_id,.treatment_description,.med_cat_id,.medicine_id,.treatment_date,.withdrawal_days,.treatment_cost').attr('disabled', !this.checked);
        });
    </script>
@endsection