@extends('layouts.home_layout')
@php
    $pageTitle = "Ready to Sell Cattle Edit Page";
@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="card">
                <div class="card-header">
                    <h4 class="card-title">Ready to Sell Cattle Manage</h4>
                    <a class="heading-elements-toggle"><i class="la la-ellipsis-h font-medium-3"></i></a>
                    <div class="heading-elements">
                        <ul class="list-inline mb-0">
                            <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                            <li><a data-action="reload"><i class="ft-rotate-cw"></i></a></li>
                            <li><a data-action="expand"><i class="ft-maximize"></i></a></li>
                            <li><a data-action="close"><i class="ft-x"></i></a></li>
                        </ul>
                    </div>
                </div>
                <div class="card-content collapse show">
                    <div class="card-body">
                        <form method="post" action="{{ url('/rts_u') }}" enctype="multipart/form-data">
                           @csrf
                            <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-6">
                                                <div class="form-group">
                                                    <label for="cattle_no" class="col-form-label">Cattle No</label>
                                                    <input  type="text" class="form-control" id="cattle_no" name="cattle_no"  value="{{ $detail->id_prefix }}-{{ $detail->cattle_id_no }}" readonly>
                                                    <input type="hidden" value="{{ $detail->id}}" name="cattle_id"/>
                                                    <input type="hidden" value="{{ $detail->cattle_id}}" name="detail_id"/>
                                                </div>
                                            </div>
                                            <div class="col-sm-12 col-md-6">
                                                <div class="form-group">
                                                    <label for="animal_type" class="col-form-label"> Cattle Type</label>
                                                    <input  type="text" class="form-control" id="animal_type" name="animal_type" value="{{ $detail->type_name }}" readonly>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12 col-md-6">
                                                <div class="form-group">
                                                    <label for="farmer_name" class="col-form-label">Farmar Name</small> </label>
                                                    <input type="text" class="form-control" id="farmer_name" name="farmer_name" readonly value="{{ $detail->farmer_name_en }}">
                                                        
                                                </div>
                                            </div>
                                            <div class="col-sm-12 col-md-6">
                                                <div class="form-group">
                                                    <label for="breed_name_en" class="col-form-label">Cattle Name</small> </label>
                                                    <input type="text" class="form-control" id="breed_name_en" name="breed_name_en"  value="{{ $detail->cattle_name_en}}" readonly>
                                                        
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12 col-md-6">
                                                <div class="form-group">
                                                    <label for="purchase_cost" class="col-form-label">Purchase Price</small> </label>
                                                    <input type="text" class="form-control" id="purchase_cost" name="purchase_cost" value="{{ $detail->purchase_cost }}">
                                                        
                                                </div>
                                            </div>
                                            <div class="col-sm-12 col-md-6">
                                                <div class="form-group">
                                                    <label for="breed_name_en" class="col-form-label">Cattle Color</small> </label>
                                                    <input type="text" class="form-control" id="breed_name_en" name="breed_name_en"  value="{{ $detail->cattle_color}}" readonly>
                                                        
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="row">
                                            <div class="col-sm-12 col-md-6">
                                                <div class="form-group">
                                                    <label for="price" class="col-form-label">Price<span class="red">*</span></label>
                                                    <input type="text" class="form-control" id="price" name="price" value = "{{ ($detail != null) ? $detail->sales_price : ''  }}" required>
                                                    
                                                </div>
                                            </div>
                                            <div class="col-sm-12 col-md-6">
                                                <div class="form-group">
                                                    <label for="discount" class="col-form-label">Discount</label>
                                                    <input type="number" step="any" class="form-control" id="discount" name="discount" value = {{ ($detail != null) ? $detail->sales_price - $detail->offer_price : ''  }}>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12 col-md-6">
                                                <div class="form-group">
                                                    <label for="cattle_teeth" class="col-form-label">Cattle Teeth <span class="red">*</span></label>
                                                    <input type="number" min="0" class="form-control" id="cattle_teeth" name="cattle_teeth" value="{{ $detail->cattle_teeth}}" >
                                                       
                                                </div>
                                            </div>
                                            <div class="col-sm-12 col-md-6">
                                                <div class="form-group">
                                                    <label for="cattle_weight" class="col-form-label">Cattle Weight <span class="red">*</span></label>
                                                    <input type="number" min="0" class="form-control" id="cattle_weight" name="cattle_weight" value="{{ $detail->cattle_weight}}" >
                                                       
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12 col-md-6">
                                                <div class="form-group">
                                                    <label for="row_status" class="col-form-label">Status <span class="red">*</span></label>
                                                    <select name="row_status" id="row_status" class="form-control" required>
                                                        {{-- <option value="2" {{old('row_status')==2 ? 'selected' : ''}}>Ready to Sale</option> --}}
                                                        <option value="2" {{old('row_status')==2 ? 'selected' : ''}}>Published to Marketplace</option>
                                                        {{-- <option value="1" {{old('row_status')==1 ? 'selected' : ''}}>Prepared</option> --}}
                                                        
                                                    </select>
                                                    {{-- 1 = Prepared, 2 = Ready to Sale, 3 = Sales --}}
                                                </div>
                                            </div>
                                            <div class="col-sm-12 col-md-6">
                                                <div class="form-group">
                                                    <label for="cattle_image" class="col-form-label">Multipul Image</small> <span class="red">*</span></label>
                                                    <input required type="file" class="form-control" name="cattle_image[]" placeholder="address" multiple>
                                                        <span class="text-danger"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-primary" id="btn_save">Update</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

    </div>
@endsection


@section('script')
    <script src="{{asset('app-assets/js/select2.min.js')}}"></script>
    <script>
        $('#vaccine_status').change(function() {
            var thisVal = $(this).val();
            if(thisVal == 2) {
                // $('#vaccineAppendArea').css('display', 'block');
                $(".dynamic-required").attr('required',true);
                $('#vaccineContainer').removeAttr('style');
            }else{
                $(".dynamic-required").attr('required',false);
                $('#vaccineContainer').css('display', 'none');
            }
        });

		$(document).on('change',"input[name='vaccine_date[]']",function(){
			var parent = $(this).parents('.vaccineSingleItem');
			console.log(parent);
			var date =  $(this).val();
			var dose_days = parent.find("select[name='medicine_id[]'] option:selected").data('dose_days');
			var next_dose_date = next_dose_date_2(date,false,dose_days);
			parent.find("input[name='next_vaccine_date[]']").val(next_dose_date);
		})

		$("#vaccineSingleItemAddBtn").click(function(){
			var item = $(".vaccineSingleItem:last").clone();
			$("#vaccineAppendArea").append(item);
		})

        $('#deworming_status').change(function(){
            var thisVal = $(this).val();
            if(thisVal == 2) {
                $('#deworming_date').attr('readonly',false);
            } else {
                $('#deworming_date').val('').attr('readonly',true);
            }
        });



        // cattle id
        $(document).on('change','#animal_type_id',function(){
            var animal_type = $(this).val();
            // beef
            var beef = $('#beef').val();
            var goat = $('#goat').val();
            // console.log(beef);

            if(beef != ''){
                if(animal_type == 2)
                {
                    var old_id = beef;
                    if(old_id > 0)
                    {
                        var new_id = parseInt(old_id) + 1;
                    }
                    else{
                        var new_id = 1;
                    }
                    $('#cattle_id_no').val(new_id);
                    $('#cattle_prefix').val('B');
                }
                else{
                    var old_id = goat;
                    if(old_id > 0)
                    {
                        var new_id = parseInt(old_id) + 1;
                    }
                    else{
                        var new_id = 1;
                    }
                    $('#cattle_id_no').val(new_id);
                    $('#cattle_prefix').val('G');
                }
            }
            else{
                console.log('empty')
            }
        })

        // auto estimated date
        $(document).on('change','#receive_date',function(){

            function addDays(originalDate, days){
                cloneDate = new Date(originalDate.valueOf());
                cloneDate.setDate(cloneDate.getDate() + days);
                return cloneDate;
            }

            function formatDate(date) {
                var d = new Date(date),
                    month = '' + (d.getMonth() + 1),
                    day = '' + d.getDate(),
                    year = d.getFullYear();

                if (month.length < 2)
                    month = '0' + month;
                if (day.length < 2)
                    day = '0' + day;

                return [year, month, day].join('-');
            }

            var rec_date = $(this).val();
            var date_interval = 120;
            var estimated_date = addDays(rec_date,date_interval)
            // console.log(rec_date);
            // console.log(estimated_date);
            $('#esimated_sale_days').val(formatDate(estimated_date));
        });

    </script>
@endsection