@extends('layouts.home_layout')
@php
    $pageTitle = "Cattle Feeding Info";
@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('cfi_f'))
                            <a class="btn btn-danger round btn-glow px-2 mb-1" href="{{ url('_cfi_f') }}">Add New</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="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">Cattle Feeding  List</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">Partner</th>
                                                        <th class="text-center">Cooperative</th>
                                                        <th class="text-center">Group Name</th>
                                                        <th class="text-center">Farmar Name</th>
                                                        <th class="text-center">Entry Date</th>
                                                        {{--<th class="text-center">Status</th>--}}
                                                        <th class="text-center">Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
												@forelse($lists as $list)
													<tr>
														<td>{{$loop->iteration}}</td>
														<td>{{$list->cattleRegInfo->partnerInfo->partner_name_en}}</td>
														<td>{{$list->cattleRegInfo->cooperativeInfo->cp_name_en}}</td>
														<td>{{$list->cattleRegInfo->FarmerGroupInfo->group_name_en}}</td>
														<td>{{$list->cattleRegInfo->FarmerInfo->farmer_name_en}}</td>
														<td>{{$list->entry_date}}</td>
														{{--<td>{{'দরকার আছে??'}}</td>--}}
														<td class="text-center" style="padding: 0px;">
															<table style="width: 100%;">
																<tr class="text-center">
																	<td class="px-1" title="Edit">
																		@if (is_permit('cfi_f'))
																			<a href="{{route('cfi_f', [$list->id])}}" class="btn btn-secondary btn-sm edit_row" data-id="{{$list->id}}" >
																				<i class="fa fa-pencil-square-o"></i>
																			</a>
																		@endif
																	</td>
																	<td class="px-1" title="View Details">
																		@if (is_permit('cfi_i_d'))
																			<a href="{{route('cfi_i_d', [$list->id])}}" target="_blank" class="btn btn-info btn-sm" data-id="{{$list->id}}" >
																				<i class="fa fa-television"></i>
																			</a>
																		@endif
																	</td>
																	<td class="px-1" title="Delete">
																		@if (is_permit('cfi_d'))
																			<form method="POST" action="{{route("cfi_d", $list->id) }}" class="mb-0 delete_form" >
																				@method('DELETE')
																				@csrf
																				<button type="submit" class="btn btn-sm btn-danger delete_row" ><i class="fa fa-minus-square-o"></i></button>
																			</form>
																		@endif
																	</td>
																</tr>
															</table>
                                                        </td>
													</tr>
												@empty 
												@endforelse
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- Card animation end -->
            </div>
        </div>
        {{-- Modal Start id="modal" --}}
             
		{{-- Modal End  --}}
    </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");
            });
        });
    </script>
@endsection