@extends('layouts.mainlayout')
@section('content')
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <div class="album text-muted">
        <div class="container mw-100">
            <div class="card mb-3 align-middle">
                <div class="card-header"><i class="fas fa-table"></i> Farms</div>
                <div class="card-body border">
                    <div class="row">
                        <div class="col-xl-3 col-sm-6 mb-3 ">
                            <p>Farm name</p>

                        </div>
                        <div class="col-xl-3 col-sm-6 mb-3 ">
                            <p>Active</p>

                        </div>
                        <div class="col-xl-3 col-sm-6 mb-3 ">
                            <p>Leaders</p>

                        </div>
                        <div class="col-xl-3 col-sm-6 mb-3 ">
                            <p>Workers nr.</p>

                        </div>
                        @foreach($farm as $fa)

                            <div class="col-xl-3 col-sm-6 mb-3 ">
                                <p>{{$fa->farm_name}}

                                </p>

                            </div>
                            <div class="col-xl-3 col-sm-6 mb-3 ">
                                <p>                                    <input type="checkbox" id="{{$fa->farm_name}}" name="{{$fa->farm_name}}"
                                        {{$f_checked}}>
                                </p>
                                <script>
                                    $("#{{$fa->farm_name}}").click(function () {
                                        if ($('#{{$fa->farm_name}}').is(':checked')) {
                                            var f_checked = "";
                                        } else {
                                            var f_checked = "{{$f_checked}}";
                                        }
                                        var farm_name = "{{$fa->farm_name}}";

                                        /*if (f_checked != "checked") {
                                            alert(farm_name + " Farm Activated!");
                                        } else {
                                            alert(farm_name + " Farm Dectivated!");
                                        }*/
                                        $.ajax({
                                            url: "/farm_active_deactive",
                                            type: "GET",       // You are sending classic $_POST vars.
                                            data: {farm_name: farm_name, f_checked: f_checked},
                                            dataType: "JSON",  // You are receiving JSON as the response
                                        });
                                    });
                                </script>

                            </div>
                            <div class="col-xl-3 col-sm-6 mb-3 ">
                                <p>