@extends('layouts.home_layout')
@php
    $pageTitle = "Ready to Sell Cattle";
@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="get" action="{{ url('/rts_l') }}">
                            <div class="row">
                                <div class="col-sm-12 col-md-4">
                                    <div class="form-group">
                                        <label for="animal_type" class="col-form-label">Animal Type</label>
                                        <select name="animal_type" id="animal_type" class="form-control" >
                                            <option value="0">Select One</option>
                                            @foreach ($animal_types as $at)
                                                <option value="{{ $at->id}}">{{ $at->type_name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-sm-12 col-md-4">
                                    <div class="form-group">
                                        <label for="partner_id" class="col-form-label">Partnar<span class="red">*</span></label>

                                        <select name="partner_id" id="partner_id" class="form-control" >
                                            <option value="">Select One</option>
                                            @foreach($partner as $v )
                                                <option value="{{$v->id}}" {{old('partner_id')==1 ? 'selected' : ''}}>{{$v->partner_name_en}} {{$v->partner_code ? "[$v->partner_code]" : ''}}</option>
                                            @endforeach
                                        </select>
                                        @if ($errors->has('partner_id'))
                                            <span class="text-danger">{{ $errors->first('partner_id') }}</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-sm-12 col-md-4">
                                    <div class="form-group">
                                        <label for="cooperative_id" class="col-form-label">Cooperative</label>
                                        <select name="cooperative_id" id="cooperative_id" class="form-control" >
                                            <option value="">Select One</option>

                                        </select>
                                        @if ($errors->has('cooperative_id'))
                                            <span class="text-danger">{{ $errors->first('cooperative_id') }}</span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-12 col-md-4">
                                    <div class="form-group">
                                        <label for="group_id" class="col-form-label">Farmer Group</label>
                                        <select name="group_id" id="group_id" class="form-control" >
                                            <option value="">Select One</option>
                                        </select>
                                        @if ($errors->has('group_id'))
                                            <span class="text-danger">{{ $errors->first('group_id') }}</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-sm-12 col-md-4">
                                    <div class="form-group">
                                        <label for="farmer_id" class="col-form-label">Farmer</label>
                                         <select name="farmer_id" id="farmer_id" class="form-control" >
                                            <option value="0">Select One</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-sm-12 col-md-4">
                                    <div class="form-group">
                                        <label for="sales_date" class="col-form-label">Saleable date (Days)</label>
                                        <input type="number" name="sales_date" min="10" value="10" class="form-control" required>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-12 col-md-12 text-right">
                                    <a href="{{ url('/rts_l') }}" class="  btn btn-primary"><i class="fa fa-refresh"></i> Reset</a>
                                    <button type="submit" class="btn btn-primary" id="btn_save"><i class="fa fa-search"></i> Search</button>
                                </div>
                            </div>


                        </form>
                    </div>
                </div>
            </div>
            <div class="content-body">
    			@include('common.alert_msg')
                <!-- Button animation start -->
                <section id="btnAnimation" class="btnAnimation">
                    <div class="row">
                        <div class="col-12">
                            <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">
                                        <div class="table-responsive">
                                            <table class="table table-bordered table-striped dataTable">
                                                <thead>
                                                    <tr>
                                                        <th class="text-center">#</th>
                                                        <th class="text-center">Partnar</th>
                                                        <th class="text-center">Cooperative</th>
                                                        <th class="text-center">Farmer Group</th>
                                                        <th class="text-center">Farmer</small></th>
                                                        <th class="text-center">Animal Type</th>
                                                        <th class="text-center">Cattle Name</th>
                                                        <th class="text-center">Cattle Gender</th>
                                                        <th class="text-center">Livestoke Breed</th>
                                                        <th class="text-center">Status</th>
                                                        <th class="text-center">Cattle Color</th>
                                                        <th class="text-center">Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($list as $key => $item)
                                                        <tr>
                                                            <td>{{ $key+1 }}</td>
                                                            <td>{{ $item->partner_name}}</td>
                                                            <td>{{ $item->cooperative_name}}</td>
                                                            <td>{{ $item->farmer_group}}</td>
                                                            <td>{{ $item->farmer_name}}</td>
                                                            <td>{{ $item->animal_type}}</td>
                                                            <td>{{ $item->cattle_name }}</td>
                                                            <td>{{ $item->gender_name }}</td>
                                                            <td>{{ $item->breed_name }}</td>
                                                            <td>
                                                                @if ($item->sales_status == 1)
                                                                    Prepared
                                                                @elseif ($item->sales_status == 2)
                                                                    Published
                                                               
                                                                @elseif($item->sales_status == 3)
                                                                    Sold Out
                                                                @endif
                                                            </td>
                                                            <td>{{ $item->color }}</td>
                                                            {{-- <td>{{ $item->sales_date}}</td> --}}
                                                            <td class="text-center" style="padding: 0px;">
                                                                <table style="width: 100%;">
                                                                    <tr class="text-center">
                                                                        <td class="px-1">
                                                                            @if (is_permit('rts_ef'))
                                                                                <a href="{{ route('rts_ef',$item->id)}}" class="btn btn-secondary btn-sm">
                                                                                    <i class="fa fa-pencil-square-o"></i>
                                                                                </a>
                                                                            @endif
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>

                                        <table width="100%" class="mb-1">
                                            <tr>
                                                {{-- <td>Displaying {{$list->firstItem()}} to {{$list->lastItem()}} total {{$list->count()}} of {{$list->total()}} items</td>
                                                <td class="pull-right">{{ $list->render() }}</td> --}}
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- Card animation end -->
            </div>
        </div>

    </div>
@endsection


@section('script')
    <script src="{{asset('app-assets/js/select2.min.js')}}"></script>
    <script>
        // $("select").select2({
        //     placeholder     : "Select One",
        //     allowClear      : true,
        //     width           : '100%',
        //     dropdownParent  : "#modal" // Use for Bootstrap Modal other wise no need
        // });
    // cooperative
    $(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="">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
    $(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="">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
    $(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="">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