@extends('layouts.home_layout')
@php
    $pageTitle = "Breed Wise Animal Search";
@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(current_route()))
                            <a class="btn btn-danger round btn-glow px-2 mb-1" href="{{ route(current_route()) }}">Reset Search Option</a>
                        @endif
					</div>
    			</div>
            </div>
            <div class="content-body">
                <section id="btnAnimation" class="btnAnimation">
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">{{$pageTitle}}</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="get" target="_blank" action="{{ route('bree_w_a_r') }}">
                                            <div class="row">
                                                <div class="col-sm-12 col-md-4">
                                                    <div class="form-group">
                                                        <label for="partner_id" >Partner</label>
                                                        <select name="partner_id" id="partner_id" class="form-control select2" >
                                                            <option value="0">Select One</option>
                                                            @foreach($partner_lists as $v )
                                                                <option value="{{$v->id}}" >{{$v->partner_name_en}} {{$v->partner_code ? "[{$v->partner_code}]" : ''}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-sm-12 col-md-4">
                                                    <div class="form-group">
                                                        <label for="cooperative_id" >Cooperative</label>
                                                        <select name="cooperative_id" id="cooperative_id" class="form-control select2" >
                                                            <option value="">Select One</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-sm-12 col-md-4">
                                                    <div class="form-group">
                                                        <label for="group_id" >Farmer Group</label>
                                                        <select name="group_id" id="group_id" class="form-control select2" >
                                                            <option value="">Select One</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-sm-12 col-md-4">
                                                    <div class="form-group">
                                                        <label for="farmer_id" >Farmer </label>
                                                        <select name="farmer_id" id="farmer_id" class="form-control select2" >
                                                            <option value="">Select One</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-sm-12 col-md-4">
                                                    <div class="form-group">
                                                        <label for="animal_type_id" >Animel Type</label>
                                                        <select name="animal_type_id" id="animal_type_id" class="form-control select2" >
                                                            <option value="">Select One</option>
                                                            @foreach($animalType as $v )
                                                                <option value="{{$v->id}}" >{{$v->type_name }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-sm-12 col-md-4">
                                                    <div class="form-group">
                                                        <label for="livestock_breed_id" >Livestock Breed</label>
                                                        <select name="livestock_breed_id" id="livestock_breed_id" class="form-control select2" >
                                                            <option value="">Select One</option>
                                                            @foreach($breedList as $v)
                                                                <option value="{{ $v->id}}">{{ $v->breed_name_en}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-sm-12 col-md-4">
                                                    <div class="form-group">
                                                        <label for="cattle_gender_id" >Cattle Gender</label>
                                                        <select name="cattle_gender_id" id="cattle_gender_id" class="form-control select2" >
                                                            <option value="">Select One</option>
                                                            @foreach($gender_lists as $gender)
                                                                <option value="{{ $gender->id}}">{{ $gender->gender_name}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-sm-12 col-md-4">
                                                    <div class="form-group">
                                                        <label for="division_id">Division</label>
                                                        <select name="division_id" id="division_id" class="form-control select2" >
                                                            <option value="0">Select One</option>
                                                            @foreach($division as $d )
                                                                <option value="{{$d->id}}" >{{$d->name}} </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-sm-12 col-md-4">
                                                    <div class="form-group">
                                                        <label for="district_id" >District </label>
                                                        <select name="district_id" id="district_id" class="form-control select2" >
                                                            <option value="0">Select One</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-sm-12 col-md-4">
                                                    <div class="form-group">
                                                        <label for="upazilla_id" >Upazilla</label>
                                                         <select name="upazilla_id" id="upazilla_id" class="form-control select2" >
                                                            <option value="0">Select One</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-sm-12 col-md-4">
                                                    <div class="form-group">
                                                        <label for="union_id" >Union</label>
                                                         <select name="union_id" id="union_id" class="form-control select2" >
                                                            <option value="0">Select One</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-sm-12 col-md-4">
                                                    <div class="form-group">
                                                        <label for="village_id">Village</label>
                                                        <select name="village_id" id="village_id" class="form-control select2" >
                                                            <option value="">Select One</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                           
                                            <div class="col-sm-12 col-md-12 text-right">
                                                <a href="{{ route(current_route()) }}" class="btn btn-primary"><i class="fa fa-refresh"></i> Reset</a>
                                                @if (is_permit('bree_w_a_r'))
                                                    <button type="submit" class="btn btn-primary" id="btn_save"><i class="fa fa-search"></i> Search</button>
                                                @endif
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
@endsection


@section('script')
    <script src="{{asset('app-assets/js/select2.min.js')}}"></script>
    <script>

        $(".select2").select2({ 
            placeholder     : "Select One",
            allowClear      : true,
            width           : '100%',
        });


    //division_id
        $(document).on('change','#division_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>';
            $('#district_id').html(op1);
            $('#upazilla_id').html(op1);
            $('#union_id').html(op1);
            $('#village_id').html(op1);
            $.ajax({
                type    : "get",
                url     : "{{ url('/_gtDist') }}/" + id,
                dataType: "json",
                success : function(response){
                    console.log(response);
                    
                    $.each(response.rows, function(i, v) { 
                        op1 += '<option value="'+v.id+'">' +v.name+ '</option>';
                    });
                    $('#district_id').html(op1);
                },
                error : function(response){
                    alert("Error")
                }
            });
        });

    //Upazilla
        $(document).on('change','#district_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>';
            $('#upazilla_id').html(op1);
            $('#union_id').html(op1);
            $('#village_id').html(op1);
            $.ajax({
                type    : "get",
                url     : "{{ url('/_gtUpz') }}/" + id,
                dataType: "json",
                success : function(response){
                    console.log(response);
                    
                    $.each(response.rows, function(i, v) { 
                        op1 += '<option value="'+v.id+'">' +v.name+ '</option>';
                    });
                    $('#upazilla_id').html(op1);
                },
                error : function(response){
                    alert("Error")
                }
            });
        });

    //Unions
        $(document).on('change','#upazilla_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>';
            $('#union_id').html(op1);
            $('#village_id').html(op1);
            $.ajax({
                type    : "get",
                url     : "{{ url('/_gtUni') }}/" + id,
                dataType: "json",
                success : function(response){
                    console.log(response);
                    
                    $.each(response.rows, function(i, v) { 
                        op1 += '<option value="'+v.id+'">' +v.name+ '</option>';
                    });
                    $('#union_id').html(op1);
                },
                error : function(response){
                    alert("Error")
                }
            });
        });

        // village
        $(document).on('change','#union_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>';
            $('#village_id').html(op1);
            $.ajax({
                type    : "get",
                url     : "{{ url('/_gtVill') }}/" + id,
                dataType: "json",
                success : function(response){
                    // console.log(response);
                    $.each(response.rows, function(i, v) { 
                        op1 += '<option value="'+v.id+'">' +v.en_name+ '</option>';
                    });
                    $('#village_id').html(op1);
                },
                error : function(response){
                    alert("Error")
                }
            });
        });
        


        

        //Corporative Wise 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")
                }
            });
        });

        //Farmer-Group Wise 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")
                }
            });
        });

        //Farmer Wise Group
        $(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")
                }
            });
        });
    </script>
@endsection