@extends('layouts.master')

@section('title', 'Agro Pro - Buy Now')

@section('content')
    <div id="page">
        <div class="card cardi card-style" style="position: fixed !important; top: 50px; left: 0; right: 0; z-index: 50;margin: 0px 0px 0px 0px; border-radius: 0px;backdrop-filter: saturate(180%) blur(20px);">
            <div class="content" style="margin-top:5px;">
                <h5 id="filtered_date" class="text-left mb-0"style="margin-top:15px" data-id="{{$receipt_id}}">{{$receipt_no}}</h5>
                <div class="row" style="margin-bottom: 0px; margin-top: 0px; !important;">
                    <div class="col-7 text-center">
                        <a data-menu="addItemActions" href="#" class="btn btn-full gradient-green font-13 btn-m font-600 mt-3 rounded-s"><i class="fa fa-shopping-cart"></i>  ADD ITEM</a>
                    </div>
                    <div class="col-5 text-center">
                        <a data-menu="changeReceipt" href="#" class="btn btn-full gradient-orange font-13 btn-m font-600 mt-3 rounded-s"><i class="fa fa-filter"></i>  FILTER</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="header header-auto-sho header-fixed header-logo-center">
            <a href="#" class="header-title">Buy Now</a>
            <a href="#" data-back-button class="header-icon header-icon-1"><i class="fas fa-chevron-left"></i></a>
            <a href="#" data-toggle-theme class="header-icon header-icon-3 show-on-theme-dark"><i class="fas fa-sun"></i></a>
            <a href="#" data-toggle-theme class="header-icon header-icon-3 show-on-theme-light"><i class="fas fa-moon"></i></a>
            <a href="#" data-menu="menu-main" class="header-icon header-icon-4"><i class="fas fa-bars"></i></a>
        </div>

        <div class="page-title-clear"></div>
        <div class="page-content">

            <div class="card card-style mb-3 rounded-s" style="margin-top: 90px;">
            </div>

            <div class="job-content">
                @foreach($livestockGroups as $livestockGroup)
                    <div class="card card-style mb-3 rounded-s">
                        <div class="list-group list-custom-small list-icon-0  @if($livestockGroup->status === 'ASSIGNED') bg-grass-dark @else bg-teal-dark @endif ps-2 pe-4">
                            <a data-bs-toggle="collapse" data-id="{{$livestockGroup->id}}" class="livestockGroup_button no-effect" href="#collapse-{{$livestockGroup->id}}l">

                                @php $type_id = DB::table('livestock_group')->where('id', $livestockGroup->id)->value('type_id'); $type_name = DB::table('animal_types')->where('id', $type_id)->value('type_name');@endphp

                                <i class="fa font-14 fa-plus-square color-white"></i>
                                <span class="font-14 color-white">{{$type_name}}/{{$livestockGroup->farm_id}}/{{$livestockGroup->id}}</span>
                                <span class="badge font-10 bg-white" @if($livestockGroup->status === 'ASSIGNED')  style="color:#2aba66;" @else style="color:#7db1b1" @endif>{{ $livestockGroup->group_total }}</span>
                            </a>
                        </div>
                        <div class="collapse ps-2 pe-2" id="collapse-{{$livestockGroup->id}}l">
                            <table class="mt-3 table table-borderless text-center rounded-s shadow-l" style="background: #eef2f1;overflow: hidden;">
                                <tbody>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Livestock</th>
                                    <td class="animal_name color-teal-white"style="margin-right: 20px;float: right;"></td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Type</th>
                                    <td class="type_name color-teal-white"style="margin-right: 20px;float: right;"></td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Stage</th>
                                    <td class="stage_name color-teal-white"style="margin-right: 20px;float: right;"></td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Acq. Mode</th>
                                    <td class="color-teal-white"style="margin-right: 20px;float: right;">{{$livestockGroup->acquisition_type}}</td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Acq. Date</th>
                                    <td class="color-teal-white"style="margin-right: 20px;float: right;">{{ \Carbon\Carbon::parse($livestockGroup->acquisition_date)->isoFormat('ddd, Do MMM, YYYY')}}</td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Done By</th>
                                    <td class="user_name color-teal-white"style="margin-right: 20px;float: right;"></td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Status</th>
                                    <td class="color-teal-white"style="margin-right: 20px;float: right;">{{$livestockGroup->status}}</td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Active</th>
                                    <td class="active_no color-teal-white"style="margin-right: 20px;float: right;"></td>
                                </tr>
                                </tbody>
                            </table>

                            @if($livestockGroup->status === 'ASSIGNED')

                            @else

                                <div class="row" style="margin: -15px -10px 15px -10px">
                                    <div class="col-5 text-center">
                                        <a data-id="{{$livestockGroup->id}}" style="width:-webkit-fill-available !important;" href="#" class="btn btn-full gradient-orange font-13 btn-m font-600 mt-3 rounded-s delete_livestock">DELETE</a>
                                    </div>
                                    <div class="col-7 text-center">
                                        <a @if($livestockGroup->status === 'ASSIGNED') data-menu="" @else  @endif data-id="{{$livestockGroup->id}}" style="width:-webkit-fill-available !important;" href="#" class="btn btn-full gradient-grass font-13 btn-m font-600 mt-3 rounded-s assign_livestock" data-menu="assignLivestock">ASSIGN</a>
                                    </div>
                                </div>

                            @endif

                        </div>
                    </div>
                @endforeach

                @foreach($cropInvGroups as $cropInvGroup)
                    <div class="card card-style mb-3 rounded-s">
                        <div class="list-group list-custom-small list-icon-0 @if($cropInvGroup->status === 'ASSIGNED') bg-grass-dark @else bg-teal-dark @endif ps-2 pe-4">
                            <a data-bs-toggle="collapse" class="cropInvGroup_button no-effect" data-id="{{$cropInvGroup->id}}" href="#collapse-{{$cropInvGroup->id}}c">

                                @php $inventory_id = DB::table('crop_inventory_group')->where('id', $cropInvGroup->id)->value('crop_inventory_list_id'); $inventory_name = DB::table('crop_inventory_lists')->where('id', $inventory_id)->value('inventory_name');@endphp

                                <i class="fa font-14 fa-plus-square color-white"></i>
                                <span class="font-14 color-white">{{$inventory_name}}/{{$farm_id}}/{{$cropInvGroup->id}}</span>
                                <span class="badge font-10 bg-white" @if($cropInvGroup->status === 'ASSIGNED')  style="color:#2aba66;" @else style="color:#7db1b1" @endif>{{ $cropInvGroup->group_total }}</span>
                            </a>
                        </div>
                        <div class="collapse ps-2 pe-2" id="collapse-{{$cropInvGroup->id}}c">
                            <table class="mt-3 table table-borderless text-center rounded-s shadow-l" style="background: #eef2f1;overflow: hidden;">
                                <tbody>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Crop Inventory</th>
                                    <td class="inventory_name color-teal-white"style="margin-right: 20px;float: right;"></td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Variety</th>
                                    <td class="variety_name color-teal-white"style="margin-right: 20px;float: right;"></td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Acq. Mode</th>
                                    <td class="color-teal-white"style="margin-right: 20px;float: right;">{{$cropInvGroup->acquisition_type}}</td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Acq. Date</th>
                                    <td class="color-teal-white"style="margin-right: 20px;float: right;">{{ \Carbon\Carbon::parse($cropInvGroup->acquisition_date)->isoFormat('ddd, Do MMM, YYYY')}}</td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Done By</th>
                                    <td class="user_name color-teal-white"style="margin-right: 20px;float: right;"></td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Status</th>
                                    <td class="color-teal-white"style="margin-right: 20px;float: right;">{{$cropInvGroup->status}}</td>
                                </tr>
                                </tbody>
                            </table>

                            @if($cropInvGroup->status === 'ASSIGNED')

                            @else

                                <div class="row" style="margin: -15px -10px 15px -10px">
                                    <div class="col-5 text-center">
                                        <a data-id="{{$cropInvGroup->id}}" style="width:-webkit-fill-available !important;" href="#" class="btn btn-full gradient-orange font-13 btn-m font-600 mt-3 rounded-s delete_crop_inv">DELETE</a>
                                    </div>
                                    <div class="col-7 text-center">
                                        <a @if($cropInvGroup->status === 'ASSIGNED') data-menu="" @else data-menu="assignCropInv" @endif data-id="{{$cropInvGroup->id}}" style="width:-webkit-fill-available !important;" href="#" class="btn btn-full gradient-grass font-13 btn-m font-600 mt-3 rounded-s assign_crop_inv">ASSIGN</a>
                                    </div>
                                </div>

                            @endif

                        </div>
                    </div>
                @endforeach

                @foreach($equipmentGroups as $equipmentGroup)
                    <div class="card card-style mb-3 rounded-s">
                        <div class="list-group list-custom-small list-icon-0 @if($equipmentGroup->status === 'ASSIGNED') bg-grass-dark @else bg-teal-dark @endif ps-2 pe-4">
                            <a data-bs-toggle="collapse" data-id="{{$equipmentGroup->id}}" class="equipmentGroup_button no-effect" href="#collapse-{{$equipmentGroup->id}}e">

                                @php $equipment_list_id = DB::table('equipment_group')->where('id', $equipmentGroup->id)->value('equipment_list_id'); $equipment_name = DB::table('equipment_lists')->where('id', $equipment_list_id)->value('equipment_name');@endphp

                                <i class="fa font-14 fa-plus-square color-white"></i>
                                <span class="font-14 color-white">{{$equipment_name}}/{{$equipmentGroup->farm_id}}/{{$equipmentGroup->id}}</span>
                                <span class="badge font-10 bg-white" @if($equipmentGroup->status === 'ASSIGNED')  style="color:#2aba66;" @else style="color:#7db1b1" @endif>{{ $equipmentGroup->group_total }}</span>
                            </a>
                        </div>
                        <div class="collapse ps-2 pe-2" id="collapse-{{$equipmentGroup->id}}e">
                            <table class="mt-3 table table-borderless text-center rounded-s shadow-l" style="background: #eef2f1;overflow: hidden;">
                                <tbody>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Equipment</th>
                                    <td class="equipment_name color-teal-white"style="margin-right: 20px;float: right;"></td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Acq. Mode</th>
                                    <td class="color-teal-white"style="margin-right: 20px;float: right;">{{$equipmentGroup->acquisition_type}}</td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Acq. Date</th>
                                    <td class="color-teal-white"style="margin-right: 20px;float: right;">{{ \Carbon\Carbon::parse($equipmentGroup->acquisition_date)->isoFormat('ddd, Do MMM, YYYY')}}</td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Done By</th>
                                    <td class="user_name color-teal-white"style="margin-right: 20px;float: right;"></td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Status</th>
                                    <td class="color-teal-white"style="margin-right: 20px;float: right;">{{$equipmentGroup->status}}</td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Active</th>
                                    <td class="active_no color-teal-white"style="margin-right: 20px;float: right;"></td>
                                </tr>
                                </tbody>
                            </table>

                            @if($equipmentGroup->status === 'ASSIGNED')

                            @else

                                <div class="row" style="margin: -15px -10px 15px -10px">
                                    <div class="col-5 text-center">
                                        <a data-id="{{$equipmentGroup->id}}" style="width:-webkit-fill-available !important;" href="#" class="btn btn-full gradient-orange font-13 btn-m font-600 mt-3 rounded-s delete_equipment">DELETE</a>
                                    </div>
                                    <div class="col-7 text-center">
                                        <a @if($equipmentGroup->status === 'ASSIGNED') data-menu="" @else  @endif data-id="{{$equipmentGroup->id}}" style="width:-webkit-fill-available !important;" href="#" class="btn btn-full gradient-grass font-13 btn-m font-600 mt-3 rounded-s assign_equipment" data-menu="assignEquipment">ASSIGN</a>
                                    </div>
                                </div>

                            @endif

                        </div>
                    </div>
                @endforeach

                @foreach($equipmentInvGroups as $equipmentInvGroup)
                    <div class="card card-style mb-3 rounded-s">
                        <div class="list-group list-custom-small list-icon-0 @if($equipmentInvGroup->status === 'ASSIGNED') bg-grass-dark @else bg-teal-dark @endif ps-2 pe-4">
                            <a data-bs-toggle="collapse" class="equipmentInvGroup_button no-effect" data-id="{{$equipmentInvGroup->id}}" href="#collapse-{{$equipmentInvGroup->id}}ei">

                                @php $inventory_id = DB::table('equipment_inventory_group')->where('id', $equipmentInvGroup->id)->value('equipment_inventory_list_id'); $inventory_name = DB::table('equipment_inventory_lists')->where('id', $inventory_id)->value('inventory_name');@endphp

                                <i class="fa font-14 fa-plus-square color-white"></i>
                                <span class="font-14 color-white">{{$inventory_name}}/{{$equipmentInvGroup->farm_id}}/{{$equipmentInvGroup->id}}</span>
                                <span class="badge font-10 bg-white" @if($equipmentInvGroup->status === 'ASSIGNED')  style="color:#2aba66;" @else style="color:#7db1b1" @endif>{{ $equipmentInvGroup->group_total }}</span>
                            </a>
                        </div>
                        <div class="collapse ps-2 pe-2" id="collapse-{{$equipmentInvGroup->id}}ei">
                            <table class="mt-3 table table-borderless text-center rounded-s shadow-l" style="background: #eef2f1;overflow: hidden;">
                                <tbody>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Equipment Inventory</th>
                                    <td class="inventory_name color-teal-white"style="margin-right: 20px;float: right;"></td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Acq. Mode</th>
                                    <td class="color-teal-white"style="margin-right: 20px;float: right;">{{$equipmentInvGroup->acquisition_type}}</td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Acq. Date</th>
                                    <td class="color-teal-white"style="margin-right: 20px;float: right;">{{ \Carbon\Carbon::parse($equipmentInvGroup->acquisition_date)->isoFormat('ddd, Do MMM, YYYY')}}</td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Done By</th>
                                    <td class="user_name color-teal-white"style="margin-right: 20px;float: right;"></td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Status</th>
                                    <td class="color-teal-white"style="margin-right: 20px;float: right;">{{$equipmentInvGroup->status}}</td>
                                </tr>
                                </tbody>
                            </table>

                            @if($equipmentInvGroup->status === 'ASSIGNED')

                            @else

                                <div class="row" style="margin: -15px -10px 15px -10px">
                                    <div class="col-5 text-center">
                                        <a data-id="{{$equipmentInvGroup->id}}" style="width:-webkit-fill-available !important;" href="#" class="btn btn-full gradient-orange font-13 btn-m font-600 mt-3 rounded-s delete_equipment_inv">DELETE</a>
                                    </div>
                                    <div class="col-7 text-center">
                                        <a @if($equipmentInvGroup->status === 'ASSIGNED') data-menu="" @else data-menu="assignEquipmentInv" @endif style="width:-webkit-fill-available !important;" href="#" class="btn btn-full gradient-grass font-13 btn-m font-600 mt-3 rounded-s">ASSIGN</a>
                                    </div>
                                </div>

                            @endif

                        </div>
                    </div>
                @endforeach

                @foreach($livestockInvGroups as $livestockInvGroup)
                    <div class="card card-style mb-3 rounded-s">
                        <div class="list-group list-custom-small list-icon-0 @if($livestockInvGroup->status === 'ASSIGNED') bg-grass-dark @else bg-teal-dark @endif ps-2 pe-4">
                            <a data-bs-toggle="collapse" class="livestockInvGroup_button no-effect" data-id="{{$livestockInvGroup->id}}" href="#collapse-{{$livestockInvGroup->id}}li">

                                @php $inventory_id = DB::table('livestock_inventory_group')->where('id', $livestockInvGroup->id)->value('livestock_inventory_list_id'); $inventory_name = DB::table('livestock_inventory_lists')->where('id', $inventory_id)->value('inventory_name');@endphp

                                <i class="fa font-14 fa-plus-square color-white"></i>
                                <span class="font-14 color-white">{{$inventory_name}}/{{$livestockInvGroup->farm_id}}/{{$livestockInvGroup->id}}</span>
                                <span class="badge font-10 bg-white" @if($livestockInvGroup->status === 'ASSIGNED')  style="color:#2aba66;" @else style="color:#7db1b1" @endif>{{ $livestockInvGroup->group_total }}</span>
                            </a>
                        </div>
                        <div class="collapse ps-2 pe-2" id="collapse-{{$livestockInvGroup->id}}li">
                            <table class="mt-3 table table-borderless text-center rounded-s shadow-l" style="background: #eef2f1;overflow: hidden;">
                                <tbody>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Livestock Inventory</th>
                                    <td class="inventory_name color-teal-white"style="margin-right: 20px;float: right;"></td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Variety</th>
                                    <td class="variety_name color-teal-white"style="margin-right: 20px;float: right;"></td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Acq. Mode</th>
                                    <td class="color-teal-white"style="margin-right: 20px;float: right;">{{$livestockInvGroup->acquisition_type}}</td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Acq. Date</th>
                                    <td class="color-teal-white"style="margin-right: 20px;float: right;">{{ \Carbon\Carbon::parse($livestockInvGroup->acquisition_date)->isoFormat('ddd, Do MMM, YYYY')}}</td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Done By</th>
                                    <td class="user_name color-teal-white"style="margin-right: 20px;float: right;"></td>
                                </tr>
                                <tr>
                                    <th scope="row"style="margin-left: 20px;float: left;">Status</th>
                                    <td class="color-teal-white"style="margin-right: 20px;float: right;">{{$livestockInvGroup->status}}</td>
                                </tr>
                                </tbody>
                            </table>

                            @if($livestockInvGroup->status === 'ASSIGNED')

                            @else

                                <div class="row" style="margin: -15px -10px 15px -10px">
                                    <div class="col-5 text-center">
                                        <a data-id="{{$livestockInvGroup->id}}" style="width:-webkit-fill-available !important;" href="#" class="btn btn-full gradient-orange font-13 btn-m font-600 mt-3 rounded-s delete_livestock_inv">DELETE</a>
                                    </div>
                                    <div class="col-7 text-center">
                                        <a @if($livestockInvGroup->status === 'ASSIGNED') data-menu="" @else @endif style="width:-webkit-fill-available !important;" href="#" class="btn btn-full gradient-grass font-13 btn-m font-600 mt-3 rounded-s assign_livestock_inv"data-id="{{$livestockInvGroup->id}}" data-menu="assignLivestockInv">ASSIGN</a>
                                    </div>
                                </div>

                            @endif

                        </div>
                    </div>
                @endforeach
            </div>

        </div>

        <div id="menu-main" class="menu menu-box-left rounded-0" data-menu-load="{{url('menu-main')}}" data-menu-width="280" data-menu-active="nav-pages"></div>

        <div id="menu-share" class="menu menu-box-bottom rounded-m" data-menu-load="{{url('menu-share')}}" data-menu-height="370"></div>

        <div id="menu-colors" class="menu menu-box-bottom rounded-m" data-menu-load="{{url('menu-colors')}}" data-menu-height="480"></div>

    </div>

    <div id="addItemActions" class="menu menu-box-bottom rounded-m bg-theme" style="min-width:95%; max-height:98%" !important ;>
        <div class="menu-title">
            <p class="color-highlight">Actions on</p>
            <h4 class="font-800" style="padding: 20px 0 0px 15px;">Add Item</h4>
            <a href="#" class="close-menu"><i class="fa fa-times-circle"></i></a>
        </div>
        <div class="content">
            <div class="divider mt-n2"></div>
            <a href="#" data-menu="buyLivestock" data-id="" style="width:-webkit-fill-available !important;" class="mb-2 btn btn-full gradient-red font-13 btn-m font-600 mt-3 rounded-sm">BUY LIVESTOCK</a>
            <a href="#" data-menu="buyEquipment" data-id="" style="width:-webkit-fill-available !important;" class="mb-2 btn btn-full gradient-blue font-13 btn-m font-600 mt-3 rounded-sm">BUY EQUIPMENT</a>
            <a href="#" data-menu="buyInventory" data-id="" style="width:-webkit-fill-available !important;" class="mb-5 btn btn-full gradient-orange font-13 btn-m font-600 mt-3 rounded-sm">BUY INVENTORY</a>

        </div>
    </div>

    <form id="buyLivestockForm">
        @csrf
        <div id="buyLivestock" class="menu menu-box-modal rounded-s bg-theme" style="min-width:95%; max-height:98%" !important ;>
            <div class="menu-title">
                <p class="color-highlight">Buy</p>
                <h4 class="font-800" style="padding: 20px 0 0px 15px;">LIVESTOCK</h4>
                <a href="#" class="close-menu"><i class="fa fa-times-circle"></i></a>
            </div>
            <div class="content">
                <div class="divider mt-n2"></div>

                <div class="col-12">
                    <div class="input-style input-style-always-active has-borders no-icon mb-4">
                        <select id="livestockList" value="" required name="livestockList">
                            <option value="" selected>CHOOSE LIVESTOCK LIST</option>
                            @foreach($livestockLists as $livestockList)
                                <option value="{{$livestockList->id}}">{{$livestockList->animal_name}}</option>
                            @endforeach
                        </select>
                        <label for="livestockList" class="color-highlight">Choose Livestock List</label>
                        <span><i class="fa fa-chevron-down"></i></span>
                    </div>
                </div>

                <div class="col-12">
                    <div class="input-style input-style-always-active has-borders no-icon mb-4">
                        <select id="animal_type" value="" required autocomplete="animal_type" name="animal_type">
                            <option value="" selected>CHOOSE ANIMAL TYPE</option>
                        </select>
                        <label for="animal_type" class="color-highlight">Choose Animal Type</label>
                        <span><i class="fa fa-chevron-down"></i></span>
                    </div>
                </div>

                <div class="col-12">
                    <div class="input-style input-style-always-active has-borders no-icon mb-4">
                        <select id="animal_stage" value="" required autocomplete="animal_stage" name="animal_stage">
                            <option value="" selected>CHOOSE ANIMAL STAGE</option>
                        </select>
                        <label for="animal_stage" class="color-highlight">Choose Animal Stage</label>
                        <span><i class="fa fa-chevron-down"></i></span>
                    </div>
                </div>

                <div class="col-12">
                    <div class="input-style input-style-always-active has-borders mb-4">
                        <input type="number" class="form-control validate-name" id="quantity" name="quantity" value="" required autocomplete="quantity" autofocus placeholder="TYPE QUANTITY">
                        <label for="quantity" class="color-highlight">Total Quantity</label>
                    </div>
                </div>

                <div class="col-12 input-style input-style-always-active has-borders no-icon mb-4">
                    <label for="purchase_date" class="color-highlight">Purchase Date</label>
                    <input type="date" name="purchase_date" value="{{$current_date}}" max="2030-01-01" min="2021-01-01" class="form-control validate-text" id="purchase_date" placeholder="PURCHASE DATE">
                    <i class="fa fa-check disabled valid me-4 pe-3 font-12 color-green-dark"></i>
                    <i class="fa fa-check disabled invalid me-4 pe-3 font-12 color-red-dark"></i>
                </div>
                <div class="col-12">
                    <div class="input-style input-style-always-active has-borders mb-4">
                        <input type="number" class="form-control validate-name" id="purchase_value" name="purchase_value" value="" autofocus placeholder="PURCHASE AMOUNT">
                        <label for="purchase_value" class="color-highlight">Purchase Amount</label>
                    </div>
                </div>

                <div class="row" style="margin: -15px -10px 20px -10px">
                    <div class="col-6 text-center">
                        <button type="submit" style="width:-webkit-fill-available !important;" href="#" class="btn btn-full gradient-green font-13 btn-m font-600 mt-3 rounded-s">BUY ONCE</button>
                    </div>
                    <div class="col-6 text-center">
                        <button style="width:-webkit-fill-available !important;" href="#" class="btn btn-full gradient-grass font-13 btn-m font-600 mt-3 rounded-s">BUY AGAIN</button>
                    </div>
                </div>

            </div>
        </div>
    </form>

    <form id="assignLivestockForm" class="repeater">
        @csrf
        <div id="assignLivestock" class="menu menu-box-modal rounded-s bg-theme" style="min-width:95%; max-height:98%" !important ;>
            <div class="menu-title">
                <p class="color-highlight">Assign</p>
                <h4 class="font-800" style="padding: 20px 0 0px 15px;">LIVESTOCK</h4>
                <a href="#" class="close-menu"><i class="fa fa-times-circle"></i></a>
            </div>
            <div class="content">
                <div class="divider mt-n2"></div>

                <div class="col-12 mb-4">
                    <h6 class="text-left mb-1" style="margin-top:15px">Total to Assign (<span class="total_no_text"></span>)
                    </h6>
                </div>

                <div class="col-12">
                    <div class="input-style input-style-always-active has-borders no-icon mb-4">
                        <label for="job_date" class="color-highlight">Job Date</label>
                        <input type="date" name="job_date" value="{{$current_date}}" max="{{$current_date}}" min="2021-01-01" class="form-control validate-text" id="job_date" placeholder="JOB DATE">
                        <i class="fa fa-check disabled valid me-4 pe-3 font-12 color-green-dark"></i>
                        <i class="fa fa-check disabled invalid me-4 pe-3 font-12 color-red-dark"></i>
                    </div>
                </div>

                <div data-repeater-list="shed">
                    <div data-repeater-item>
                        <div class="row mb-0">
                            <div class="col-6 input-style input-style-always-active has-borders no-icon mb-0">
                                <label for="shed" class="color-highlight">Animal House</label>
                                <select id="shed" value="" name="shed" required>
                                    <option value="" selected>SELECT FARM AREA</option>
                                    @foreach($sheds as $shed)
                                        <option value="{{$shed->id}}">{{$shed->shed_name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-3 input-style input-style-always-active has-borders no-icon mb-0">
                                <input type="number" class="form-control validate-name" id="shed_quantity" name="shed_quantity" required autofocus placeholder="Qty">
                                <label for="shed_quantity" class="color-highlight">Quantity</label>
                            </div>
                            <div class="col-3 mt-1">
                                <a href="" data-repeater-delete style="width:-webkit-fill-available !important;" class="btn btn-full gradient-orange font-13 btn-m font-600 rounded-s"><i class="fa fa-times"></i></a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-12 mb-3">
                    <button id="add-variety" data-repeater-create type="button" style="width:-webkit-fill-available !important;" class="btn btn-full gradient-yellow font-13 btn-m font-600 rounded-s">TAP TO ADD ANIMAL HOUSE</button>
                </div>

                <button style="width:-webkit-fill-available !important;" href="#" class="mb-3 btn btn-full gradient-green font-13 btn-m font-600 mt-3 rounded-s">ASSIGN LIVESTOCK</button>

            </div>
        </div>
    </form>

    <form id="buyEquipmentForm">
        @csrf
        <div id="buyEquipment" class="menu menu-box-modal rounded-s bg-theme" style="min-width:95%; max-height:98%" !important ;>
            <div class="menu-title">
                <p class="color-highlight">Buy</p>
                <h4 class="font-800" style="padding: 20px 0 0px 15px;">EQUIPMENT</h4>
                <a href="#" class="close-menu"><i class="fa fa-times-circle"></i></a>
            </div>
            <div class="content">
                <div class="divider mt-n2"></div>

                <div class="col-12">
                    <div class="input-style input-style-always-active has-borders no-icon mb-4">
                        <select id="equipmentList" value="" required name="equipmentList">
                            <option value="" selected>CHOOSE EQUIPMENT LIST</option>
                            @foreach($equipmentLists as $equipmentList)
                                <option value="{{$equipmentList->id}}">{{$equipmentList->equipment_name}}</option>
                            @endforeach
                        </select>
                        <label for="equipmentList" class="color-highlight">Choose Equipment List</label>
                        <span><i class="fa fa-chevron-down"></i></span>
                    </div>
                </div>

                <div class="col-12">
                    <div class="input-style input-style-always-active has-borders mb-4">
                        <input type="number" class="form-control validate-name" id="quantity" name="quantity" value="" required autocomplete="quantity" autofocus placeholder="TOTAL QUANTITY">
                        <label for="quantity" class="color-highlight">Total Quantity</label>
                    </div>
                </div>

                <div class="col-12 input-style input-style-always-active has-borders no-icon mb-4">
                    <label for="purchase_date" class="color-highlight">Purchase Date</label>
                    <input type="date" name="purchase_date" value="{{$current_date}}" max="2030-01-01" min="2021-01-01" class="form-control validate-text" id="purchase_date" placeholder="PURCHASE DATE">
                    <i class="fa fa-check disabled valid me-4 pe-3 font-12 color-green-dark"></i>
                    <i class="fa fa-check disabled invalid me-4 pe-3 font-12 color-red-dark"></i>
                </div>
                <div class="col-12">
                    <div class="input-style input-style-always-active has-borders mb-4">
                        <input type="number" class="form-control validate-name" id="purchase_value" name="purchase_value" value="" autofocus placeholder="PURCHASE AMOUNT">
                        <label for="purchase_value" class="color-highlight">Purchase Amount</label>
                    </div>
                </div>

                <div class="row" style="margin: -15px -10px 20px -10px">
                    <div class="col-6 text-center">
                        <button type="submit" style="width:-webkit-fill-available !important;" href="#" class="btn btn-full gradient-green font-13 btn-m font-600 mt-3 rounded-s">BUY ONCE</button>
                    </div>
                    <div class="col-6 text-center">
                        <button style="width:-webkit-fill-available !important;" href="#" class="btn btn-full gradient-grass font-13 btn-m font-600 mt-3 rounded-s">BUY AGAIN</button>
                    </div>
                </div>

            </div>
        </div>
    </form>

    <form id="assignEquipmentForm">
        @csrf
        <div id="assignEquipment" class="menu menu-box-modal rounded-s bg-theme" style="min-width:95%; max-height:98%" !important ;>
            <div class="menu-title">
                <p class="color-highlight">Assign</p>
                <h4 class="font-800" style="padding: 20px 0 0px 15px;">EQUIPMENT</h4>
                <a href="#" class="close-menu"><i class="fa fa-times-circle"></i></a>
            </div>
            <div class="content">
                <div class="divider mt-n2"></div>

                <div class="col-12 mb-4">
                    <h6 class="text-left mb-1" style="margin-top:15px">Total to Assign (<span class="total_no_text"></span>)
                    </h6>
                </div>

                <div class="col-12">
                    <div class="input-style input-style-always-active has-borders no-icon mb-4">
                        <label for="job_date" class="color-highlight">Job Date</label>
                        <input type="date" name="job_date" value="{{$current_date}}" max="{{$current_date}}" min="2021-01-01" class="form-control validate-text" id="job_date" placeholder="JOB DATE">
                        <i class="fa fa-check disabled valid me-4 pe-3 font-12 color-green-dark"></i>
                        <i class="fa fa-check disabled invalid me-4 pe-3 font-12 color-red-dark"></i>
                    </div>
                </div>

                <div class="repeater">
                    <div data-repeater-list="shed">
                        <div data-repeater-item>
                            <div class="row mb-0">
                                <div class="col-6 input-style input-style-always-active has-borders no-icon mb-0">
                                    <label for="shed" class="color-highlight">Animal House</label>
                                    <select id="shed" value="" name="shed" required>
                                        <option value="" selected>SELECT FARM AREA</option>
                                        @foreach($sheds as $shed)
                                            <option value="{{$shed->id}}">{{$shed->shed_name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-3 input-style input-style-always-active has-borders no-icon mb-0">
                                    <input type="number" class="form-control validate-name" id="shed_quantity" name="shed_quantity" required autofocus placeholder="Qty">
                                    <label for="shed_quantity" class="color-highlight">Quantity</label>
                                </div>
                                <div class="col-3 mt-1">
                                    <a href="" data-repeater-delete style="width:-webkit-fill-available !important;" class="btn btn-full gradient-orange font-13 btn-m font-600 rounded-s"><i class="fa fa-times"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 mb-3">
                        <button data-repeater-create type="button" style="width:-webkit-fill-available !important;" class="btn btn-full gradient-yellow font-13 btn-m font-600 rounded-s">TAP TO ADD ANIMAL HOUSE</button>
                    </div>
                </div>

                <div class="repeater">
                    <div data-repeater-list="store">
                        <div data-repeater-item>
                            <div class="row mb-0">
                                <div class="col-6 input-style input-style-always-active has-borders no-icon mb-0">
                                    <label for="store" class="color-highlight">Storage House</label>
                                    <select id="store" value="" name="store" required>
                                        <option value="" selected>SELECT FARM AREA</option>
                                        @foreach($stores as $store)
                                            <option value="{{$store->id}}">{{$store->store_name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-3 input-style input-style-always-active has-borders no-icon mb-0">
                                    <input type="number" class="form-control validate-name" id="store_quantity" name="store_quantity" required autofocus placeholder="Qty">
                                    <label for="store_quantity" class="color-highlight">Quantity</label>
                                </div>
                                <div class="col-3 mt-1">
                                    <a href="" data-repeater-delete style="width:-webkit-fill-available !important;" class="btn btn-full gradient-orange font-13 btn-m font-600 rounded-s"><i class="fa fa-times"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 mb-3">
                        <button data-repeater-create type="button" style="width:-webkit-fill-available !important;" class="btn btn-full gradient-yellow font-13 btn-m font-600 rounded-s">TAP TO ADD STORAGE HOUSE</button>
                    </div>
                </div>

                <div class="repeater">
                    <div data-repeater-list="field">
                        <div data-repeater-item>
                            <div class="row mb-0">
                                <div class="col-6 input-style input-style-always-active has-borders no-icon mb-0">
                                    <label for="field" class="color-highlight">Planting Area</label>
                                    <select id="field" value="" name="field" required>
                                        <option value="" selected>SELECT FARM AREA</option>
                                        @foreach($fields as $field)
                                            <option value="{{$field->id}}">{{$field->field_name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-3 input-style input-style-always-active has-borders no-icon mb-0">
                                    <input type="number" class="form-control validate-name" id="field_quantity" name="field_quantity" required autofocus placeholder="Qty">
                                    <label for="field_quantity" class="color-highlight">Quantity</label>
                                </div>
                                <div class="col-3 mt-1">
                                    <a href="" data-repeater-delete style="width:-webkit-fill-available !important;" class="btn btn-full gradient-orange font-13 btn-m font-600 rounded-s"><i class="fa fa-times"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 mb-3">
                        <button data-repeater-create type="button" style="width:-webkit-fill-available !important;" class="btn btn-full gradient-yellow font-13 btn-m font-600 rounded-s">TAP TO ADD PLANTING AREA</button>
                    </div>
                </div>

                <button style="width:-webkit-fill-available !important;" href="#" class="mb-3 btn btn-full gradient-green font-13 btn-m font-600 mt-3 rounded-s">ASSIGN EQUIPMENT</button>

            </div>
        </div>
    </form>

    <form id="buyInventoryForm">

        @csrf
        <div id="buyInventory" class="menu menu-box-modal rounded-s bg-theme" style="min-width:95%; max-height:98%" !important ;>
            <div class="menu-title">
                <p class="color-highlight">Buy</p>
                <h4 class="font-800" style="padding: 20px 0 0px 15px;">INVENTORY</h4>
                <a href="#" class="close-menu"><i class="fa fa-times-circle"></i></a>
            </div>
            <div class="content">
                <div class="divider mt-n2"></div>

                <div class="col-12">
                    <div class="input-style input-style-always-active has-borders no-icon mb-4">
                        <select id="inventory_type" value="" required name="inventory_type">
                            <option value="" selected>CHOOSE INVENTORY TYPE</option>
                            <option value="LIVESTOCK">LIVESTOCK INVENTORY</option>
                            <option value="CROP">CROP INVENTORY</option>
                            <option value="EQUIPMENT">EQUIPMENT INVENTORY</option>
                        </select>
                        <label for="inventory_type" class="color-highlight">Choose Inventory Type</label>
                        <span><i class="fa fa-chevron-down"></i></span>
                    </div>
                </div>

                <div id="livestockInv" style="display: none">
                    <div class="col-12">
                        <div class="input-style input-style-always-active has-borders no-icon mb-4">
                            <select id="livestock" value="" name="livestock">
                                <option value="" selected>CHOOSE LIVESTOCK</option>
                                <option value="1" >ANY LIVESTOCK</option>
                                @foreach($livestockLists as $livestockList)
                                    <option value="{{$livestockList->id}}">{{$livestockList->animal_name}}</option>
                                @endforeach
                            </select>
                            <label for="livestock" class="color-highlight">Choose Livestock</label>
                            <span><i class="fa fa-chevron-down"></i></span>
                        </div>
                    </div>

                    <div class="col-12">
                        <div class="input-style input-style-always-active has-borders no-icon mb-4">
                            <select id="livestock_inventory" value="" name="livestock_inventory">
                                <option value="" selected>CHOOSE LIVESTOCK INVENTORY</option>
                            </select>
                            <label for="livestock_inventory" class="color-highlight">Choose Livestock Inventory</label>
                            <span><i class="fa fa-chevron-down"></i></span>
                        </div>
                    </div>

                    <div class="col-12">
                        <div class="row mb-0">
                            <div class="col-6 input-style input-style-always-active has-borders mb-4">
                                <input type="text" class="form-control validate-name" id="livestock_standard_unit" name="livestock_standard_unit" value="" readonly autofocus placeholder="STANDARD UNIT">
                                <label for="livestock_standard_unit" class="color-highlight">Standard Unit</label>
                            </div>
                            <div class="col-6 input-style input-style-always-active has-borders mb-4">
                                <input type="text" class="form-control validate-name" id="livestock_s_quantity" name="livestock_s_quantity" value="" autofocus placeholder="TYPE QUANTITY">
                                <label for="livestock_s_quantity" class="color-highlight">Total Quantity</label>
                            </div>
                        </div>
                    </div>

                    <div class="col-12" id="livestock_inv_varieties" style="display: none">
                        <div class="input-style input-style-always-active has-borders no-icon mb-4">
                            <select id="livestock_inventory_variety" value="" name="livestock_inventory_variety">
                                <option value="" selected>CHOOSE INVENTORY VARIETY</option>
                            </select>
                            <label for="livestock_inventory_variety" class="color-highlight">Choose Inventory Variety</label>
                            <span><i class="fa fa-chevron-down"></i></span>
                        </div>
                    </div>
                </div>

                <div id="cropInv" style="display: none">
                    <div class="col-12">
                        <div class="input-style input-style-always-active has-borders no-icon mb-4">
                            <select id="cropList" value="" name="cropList">
                                <option value="" selected>CHOOSE CROP</option>
                                <option value="1" >ANY CROP</option>
                                @foreach($cropLists as $cropList)
                                    <option value="{{$cropList->id}}">{{$cropList->plant_name}}</option>
                                @endforeach
                            </select>
                            <label for="cropList" class="color-highlight">Choose Crop</label>
                            <span><i class="fa fa-chevron-down"></i></span>
                        </div>
                    </div>

                    <div class="col-12">
                        <div class="input-style input-style-always-active has-borders no-icon mb-4">
                            <select id="crop_inventory" value="" name="crop_inventory">
                                <option value="" selected>CHOOSE CROP INVENTORY</option>
                            </select>
                            <label for="crop_inventory" class="color-highlight">Choose Crop Inventory</label>
                            <span><i class="fa fa-chevron-down"></i></span>
                        </div>
                    </div>

                    <div class="col-12">
                        <div class="row mb-0">
                            <div class="col-6 input-style input-style-always-active has-borders mb-4">
                                <input type="text" class="form-control validate-name" id="crop_standard_unit" name="crop_standard_unit" value="" readonly autofocus placeholder="STANDARD UNIT">
                                <label for="crop_standard_unit" class="color-highlight">Standard Unit</label>
                            </div>
                            <div class="col-6 input-style input-style-always-active has-borders mb-4">
                                <input type="number" class="form-control validate-name" id="crop_s_quantity" name="crop_s_quantity" value="" autofocus placeholder="TYPE QUANTITY">
                                <label for="crop_s_quantity" class="color-highlight">Total Quantity</label>
                            </div>
                        </div>
                    </div>

                    <div class="col-12" id="crop_inv_varieties" style="display: none">
                        <div class="input-style input-style-always-active has-borders no-icon mb-4">
                            <select id="crop_inventory_variety" value="" name="crop_inventory_variety">
                                <option value="" selected>CHOOSE INVENTORY VARIETY</option>
                            </select>
                            <label for="crop_inventory_variety" class="color-highlight">Choose Inventory Variety</label>
                            <span><i class="fa fa-chevron-down"></i></span>
                        </div>
                    </div>

                </div>

                <div id="equipmentInv" style="display: none">
                    <div class="col-12">
                        <div class="input-style input-style-always-active has-borders no-icon mb-4">
                            <select id="equipment" value="" name="equipment">
                                <option value="" selected>CHOOSE EQUIPMENT</option>
                                <option value="1" >ANY EQUIPMENT</option>
                                @foreach($equipmentLists as $equipmentList)
                                    <option value="{{$equipmentList->id}}">{{$equipmentList->equipment_name}}</option>
                                @endforeach
                            </select>
                            <label for="equipment" class="color-highlight">Choose Equipment</label>
                            <span><i class="fa fa-chevron-down"></i></span>
                        </div>
                    </div>

                    <div class="col-12">
                        <div class="input-style input-style-always-active has-borders no-icon mb-4">
                            <select id="equipment_inventory" value="" name="equipment_inventory">
                                <option value="" selected>CHOOSE EQUIPMENT INVENTORY</option>
                            </select>
                            <label for="equipment_inventory" class="color-highlight">Choose Equipment Inventory</label>
                            <span><i class="fa fa-chevron-down"></i></span>
                        </div>
                    </div>

                    <div class="col-12">
                        <div class="row mb-0">
                            <div class="col-6 input-style input-style-always-active has-borders mb-4">
                                <input type="text" class="form-control validate-name" id="equipment_standard_unit" name="equipment_standard_unit" value="" readonly autofocus placeholder="STANDARD UNIT">
                                <label for="equipment_standard_unit" class="color-highlight">Standard Unit</label>
                            </div>
                            <div class="col-6 input-style input-style-always-active has-borders mb-4">
                                <input type="number" class="form-control validate-name" id="equipment_s_quantity" name="equipment_s_quantity" value="" autofocus placeholder="TYPE QUANTITY">
                                <label for="equipment_s_quantity" class="color-highlight">Total Quantity</label>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-12 input-style input-style-always-active has-borders no-icon mb-4">
                    <label for="purchase_date" class="color-highlight">Purchase Date</label>
                    <input type="date" name="purchase_date" value="{{$current_date}}" max="2030-01-01" min="2021-01-01" class="form-control validate-text" id="purchase_date" placeholder="PURCHASE DATE">
                    <i class="fa fa-check disabled valid me-4 pe-3 font-12 color-green-dark"></i>
                    <i class="fa fa-check disabled invalid me-4 pe-3 font-12 color-red-dark"></i>
                </div>

                <div class="col-12">
                    <div class="input-style input-style-always-active has-borders mb-4">
                        <input type="number" class="form-control validate-name" id="purchase_value" name="purchase_value" value="" autofocus placeholder="PURCHASE AMOUNT">
                        <label for="purchase_value" class="color-highlight">Purchase Amount</label>
                    </div>
                </div>

                <div class="col-12">
                    <div class="input-style input-style-always-active has-borders no-icon mb-4">
                        <label for="expires_after" class="color-highlight">Expires On</label>
                        <input type="date" name="expires_after" value="" max="2041-01-01" min="2021-01-01" class="form-control validate-text" id="expires_after" placeholder="EXPIRING DATE">
                        <i class="fa fa-check disabled valid me-4 pe-3 font-12 color-green-dark"></i>
                        <i class="fa fa-check disabled invalid me-4 pe-3 font-12 color-red-dark"></i>
                    </div>
                </div>

                <div class="row" style="margin: -15px -10px 20px -10px">
                    <div class="col-6 text-center">
                        <button type="submit" style="width:-webkit-fill-available !important;" href="#" class="btn btn-full gradient-green font-13 btn-m font-600 mt-3 rounded-s">BUY ONCE</button>
                    </div>
                    <div class="col-6 text-center">
                        <button style="width:-webkit-fill-available !important;" href="#" class="btn btn-full gradient-grass font-13 btn-m font-600 mt-3 rounded-s">BUY AGAIN</button>
                    </div>
                </div>

            </div>
        </div>
    </form>

    <form id="assignCropInvForm" class="repeater">
        @csrf
        <div id="assignCropInv" class="menu menu-box-modal rounded-s bg-theme" style="min-width:95%; max-height:98%" !important ;>
            <div class="menu-title">
                <p class="color-highlight">Assign Crop</p>
                <h4 class="font-800" style="padding: 20px 0 0px 15px;">INVENTORY</h4>
                <a href="#" class="close-menu"><i class="fa fa-times-circle"></i></a>
            </div>
            <div class="content">
                <div class="divider mt-n2"></div>

                <div class="col-12 mb-4">
                    <h6 class="text-left mb-1" style="margin-top:15px">Total to Assign (<span class="total_no_text"></span>)
                    </h6>
                </div>

                <div class="col-12">
                    <div class="input-style input-style-always-active has-borders no-icon mb-4">
                        <label for="job_date" class="color-highlight">Job Date</label>
                        <input type="date" name="job_date" value="{{$current_date}}" max="{{$current_date}}" min="2021-01-01" class="form-control validate-text" id="job_date">
                        <i class="fa fa-check disabled valid me-4 pe-3 font-12 color-green-dark"></i>
                        <i class="fa fa-check disabled invalid me-4 pe-3 font-12 color-red-dark"></i>
                    </div>
                </div>

                <div data-repeater-list="store">
                    <div data-repeater-item>
                        <div class="row mb-0">
                            <div class="col-6 input-style input-style-always-active has-borders no-icon mb-0">
                                <label for="store" class="color-highlight">Storage House</label>
                                <select id="store" value="" name="store" required>
                                    <option value="" selected>SELECT FARM AREA</option>
                                    @foreach($stores as $store)
                                        <option value="{{$store->id}}">{{$store->store_name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-3 input-style input-style-always-active has-borders no-icon mb-0">
                                <input type="text" class="form-control validate-name" id="store_quantity" name="store_quantity" required autofocus placeholder="Qty">
                                <label for="store_quantity" class="color-highlight">Quantity</label>
                            </div>
                            <div class="col-3 mt-1">
                                <a href="" data-repeater-delete style="width:-webkit-fill-available !important;" class="btn btn-full gradient-orange font-13 btn-m font-600 rounded-s"><i class="fa fa-times"></i></a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-12 mb-3">
                    <button id="add-variety" data-repeater-create type="button" style="width:-webkit-fill-available !important;" class="btn btn-full gradient-yellow font-13 btn-m font-600 rounded-s">TAP TO ADD STORAGE HOUSE</button>
                </div>

                <button style="width:-webkit-fill-available !important;" href="#" class="mb-3 btn btn-full gradient-green font-13 btn-m font-600 mt-3 rounded-s">ASSIGN INVENTORY</button>

            </div>
        </div>
    </form>

    <form id="assignEquipmentInvForm" class="repeater">
        @csrf
        <div id="assignEquipmentInv" class="menu menu-box-modal rounded-s bg-theme" style="min-width:95%; max-height:98%" !important ;>
            <div class="menu-title">
                <p class="color-highlight">Assign Equipment</p>
                <h4 class="font-800" style="padding: 20px 0 0px 15px;">INVENTORY</h4>
                <a href="#" class="close-menu"><i class="fa fa-times-circle"></i></a>
            </div>
            <div class="content">
                <div class="divider mt-n2"></div>

                <div class="col-12 mb-4">
                    <h6 class="text-left mb-1" style="margin-top:15px">Total to Assign (<span class="total_no_text"></span>)
                    </h6>
                </div>

                <div class="col-12">
                    <div class="input-style input-style-always-active has-borders no-icon mb-4">
                        <label for="job_date" class="color-highlight">Job Date</label>
                        <input type="date" name="job_date" value="{{$current_date}}" max="{{$current_date}}" min="2021-01-01" class="form-control validate-text" id="job_date" placeholder="JOB DATE">
                        <i class="fa fa-check disabled valid me-4 pe-3 font-12 color-green-dark"></i>
                        <i class="fa fa-check disabled invalid me-4 pe-3 font-12 color-red-dark"></i>
                    </div>
                </div>

                <div data-repeater-list="store">
                    <div data-repeater-item>
                        <div class="row mb-0">
                            <div class="col-6 input-style input-style-always-active has-borders no-icon mb-0">
                                <label for="store" class="color-highlight">Storage House</label>
                                <select id="store" value="" name="store" required>
                                    <option value="" selected>SELECT FARM AREA</option>
                                    @foreach($stores as $store)
                                        <option value="{{$store->id}}">{{$store->store_name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-3 input-style input-style-always-active has-borders no-icon mb-0">
                                <input type="text" class="form-control validate-name" id="store_quantity" name="store_quantity" required autofocus placeholder="Qty">
                                <label for="store_quantity" class="color-highlight">Quantity</label>
                            </div>
                            <div class="col-3 mt-1">
                                <a href="" data-repeater-delete style="width:-webkit-fill-available !important;" class="btn btn-full gradient-orange font-13 btn-m font-600 rounded-s"><i class="fa fa-times"></i></a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-12 mb-3">
                    <button data-repeater-create type="button" style="width:-webkit-fill-available !important;" class="btn btn-full gradient-yellow font-13 btn-m font-600 rounded-s">TAP TO ADD STORAGE HOUSE</button>
                </div>

                <button style="width:-webkit-fill-available !important;" href="#" class="mb-3 btn btn-full gradient-grass font-13 btn-m font-600 mt-3 rounded-s">ASSIGN INVENTORY</button>

            </div>
        </div>
    </form>

    <form id="assignLivestockInvForm" class="repeater">
        @csrf
        <div id="assignLivestockInv" class="menu menu-box-modal rounded-s bg-theme" style="min-width:95%; max-height:98%" !important ;>
            <div class="menu-title">
                <p class="color-highlight">Assign Livestock</p>
                <h4 class="font-800" style="padding: 20px 0 0px 15px;">INVENTORY</h4>
                <a href="#" class="close-menu"><i class="fa fa-times-circle"></i></a>
            </div>
            <div class="content">
                <div class="divider mt-n2"></div>

                <div class="col-12 mb-4">
                    <h6 class="text-left mb-1" style="margin-top:15px">Total to Assign (<span class="total_no_text"></span>)
                    </h6>
                </div>

                <div class="col-12">
                    <div class="input-style input-style-always-active has-borders no-icon mb-4">
                        <label for="job_date" class="color-highlight">Job Date</label>
                        <input type="date" name="job_date" value="{{$current_date}}" max="2030-01-01" min="2021-01-01" class="form-control validate-text" id="job_date" placeholder="JOB DATE">
                        <i class="fa fa-check disabled valid me-4 pe-3 font-12 color-green-dark"></i>
                        <i class="fa fa-check disabled invalid me-4 pe-3 font-12 color-red-dark"></i>
                    </div>
                </div>

                <div data-repeater-list="store">
                    <div data-repeater-item>
                        <div class="row mb-0">
                            <div class="col-6 input-style input-style-always-active has-borders no-icon mb-0">
                                <label for="store" class="color-highlight">Storage House</label>
                                <select id="store" value="" name="store" required>
                                    <option value="" selected>SELECT FARM AREA</option>
                                    @foreach($stores as $store)
                                        <option value="{{$store->id}}">{{$store->store_name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-3 input-style input-style-always-active has-borders no-icon mb-0">
                                <input type="text" class="form-control validate-name" id="store_quantity" name="store_quantity" required autofocus placeholder="Qty">
                                <label for="store_quantity" class="color-highlight">Quantity</label>
                            </div>
                            <div class="col-3 mt-1">
                                <a href="" data-repeater-delete style="width:-webkit-fill-available !important;" class="btn btn-full gradient-orange font-13 btn-m font-600 rounded-s"><i class="fa fa-times"></i></a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-12 mb-3">
                    <button id="add-variety" data-repeater-create type="button" style="width:-webkit-fill-available !important;" class="btn btn-full gradient-yellow font-13 btn-m font-600 rounded-s">TAP TO ADD STORAGE HOUSE</button>
                </div>

                <button style="width:-webkit-fill-available !important;" href="#" class="mb-3 btn btn-full gradient-grass font-13 btn-m font-600 mt-3 rounded-s">ASSIGN INVENTORY</button>

            </div>
        </div>
    </form>

    <form id="changeReceiptForm">
        @csrf
        <div id="changeReceipt" class="menu menu-box-modal rounded-s bg-theme" style="min-width:95%; max-height:98%" !important ;>
            <div class="menu-title">
                <p class="color-highlight">Change</p>
                <h4 class="font-800" style="padding: 20px 0 0px 15px;">RECEIPT</h4>
                <a href="#" class="close-menu"><i class="fa fa-times-circle"></i></a>
            </div>
            <div class="content">
                <div class="divider mt-n2"></div>

                <div class="col-12 input-style input-style-always-active has-borders no-icon mb-4">
                    <select id="receipt" value="" name="receipt">
                        <option value="" selected>SELECT RECEIPT</option>
                        @foreach($receipts as $receipt)
                            <option value="{{$receipt->id}}">{{$receipt->receipt_no}}</option>
                        @endforeach
                    </select>
                    <span><i class="fa fa-chevron-down"></i></span>
                    <label for="receipt" class="color-highlight">Select Receipt</label>
                </div>

                <button style="width:-webkit-fill-available !important;" href="#" class="mb-3 btn btn-full gradient-green font-13 btn-m font-600 mt-3 rounded-s">CHANGE RECEIPT</button>

            </div>
        </div>
    </form>

@endsection

@section('footer-links')

    <script>

        function close_modal(){
            $(".modal").modal('hide');
            $('body').removeClass('modal-open');
            $('.modal-backdrop').remove();
        }

        $(function() {

            let receipt_id = '{{$receipt_id}}';

            let newurl = window.location.protocol + "//" + window.location.host + window.location.pathname + '?receipt_id=' + receipt_id;
            window.history.replaceState({path: newurl}, '', newurl);

            function repeater_plugin(){
                $("body").find('.repeater').repeater({
                    defaultValues: {
                    },
                    show: function () {
                        $(this).slideDown();
                    },
                    hide: function (deleteElement) {
                        $(this).slideUp(deleteElement);
                    },
                    ready: function (setIndexes) {

                    }
                });
            }

            repeater_plugin();

            $('#inventory_type').on('change',function(){
                var selection = $(this).val();
                switch(selection){
                    case "LIVESTOCK":
                        $("#livestockInv").show()
                        $("#cropInv").hide()
                        $("#equipmentInv").hide()
                        $("#livestock").attr("required", true);
                        $("#livestock_inventory").attr("required", true);
                        $("#livestock_s_quantity").attr("required", true);
                        $("#crop_inventory").attr("required", false);
                        $("#crop_s_quantity").attr("required", false);
                        $("#cropList").attr("required", false);
                        $("#equipment").attr("required", false);
                        $("#equipment_inventory").attr("required", false);
                        $("#equipment_s_quantity").attr("required", false);
                        break;
                    case "CROP":
                        $("#cropInv").show()
                        $("#livestockInv").hide()
                        $("#equipmentInv").hide()
                        $("#cropList").attr("required", true);
                        $("#crop_inventory").attr("required", true);
                        $("#crop_s_quantity").attr("required", true);
                        $("#livestock").attr("required", false);
                        $("#equipment").attr("required", false);
                        $("#livestock_inventory").attr("required", false);
                        $("#livestock_s_quantity").attr("required", false);
                        $("#equipment_inventory").attr("required", false);
                        $("#equipment_s_quantity").attr("required", false);
                        break;
                    case "EQUIPMENT":
                        $("#equipmentInv").show()
                        $("#livestockInv").hide()
                        $("#cropInv").hide()
                        $("#equipment_inventory").attr("required", true);
                        $("#equipment_s_quantity").attr("required", true);
                        $("#livestock_inventory").attr("required", false);
                        $("#livestock_s_quantity").attr("required", false);
                        $("#crop_inventory").attr("required", false);
                        $("#crop_s_quantity").attr("required", false);
                        $("#livestock").attr("required", false);
                        $("#cropList").attr("required", false);
                        $("#equipment").attr("required", true);
                        break;
                    default:
                        $("#cropInv").hide()
                        $("#livestockInv").hide()
                        $("#equipmentInv").hide()
                }
            });

            let livestock_list_id, type_name, livestockGroup_id, equipment_list_id, equipmentGroup_id, plant_name, crop_variety_name, crop_inventory_id, crop_list_id, livestock_inventory_name, crop_inventory_name, livestock_variety_name, animal_name, livestock_inventory_id, equipment_inventory_name, equipment_inventory_id, equipment_name, livestockInvGroup_id, cropInvGroup_id, equipmentInvGroup_id;

            $(".page-content").on("click", ".livestockGroup_button", function (e) {
                livestockGroup_id = $(this).data("id");
                console.log(livestockGroup_id);

                let $_this= $(this);
                $.ajax({
                    type: "GET",
                    url: "view_livestock_group_info",
                    dataType: "json",
                    data:{
                        livestockGroup_id: livestockGroup_id
                    },
                    success: function (response) {
                        if (response.status === "success") {
                            $_this.parents(".card").find(".animal_name").text(response.animal_name);
                            $_this.parents(".card").find(".type_name").text(response.type_name);
                            $_this.parents(".card").find(".stage_name").text(response.stage_name);
                            $_this.parents(".card").find(".user_name").text(response.user_name);
                            $_this.parents(".card").find(".active_no").text(response.active_no);
                            $_this.parents(".card").find(".total_no_text").text(response.total_no);
                        }
                        else{
                        }
                    }
                });

            })

            $(".page-content").on("click", ".assign_livestock", function (e) {

                livestockGroup_id = $(this).data("id");
                console.log(livestockGroup_id);
                var element = document.getElementById("assignLivestock");
                element.classList.add("menu-active");

                var element = document.getElementById("logger");
                element.classList.add("menu-active");

                let $_this= $(this);
                $.ajax({
                    type: "GET",
                    url: "view_livestock_group_info",
                    dataType: "json",
                    data:{
                        livestockGroup_id: livestockGroup_id
                    },
                    success: function (response) {
                        if (response.status === "success") {
                            $(".total_no_text").text(response.total_no);
                        }
                        else{
                        }
                    }
                });

            })

            $(".page-content").on("click", ".livestockInvGroup_button", function (e) {
                livestockInvGroup_id = $(this).data("id");
                console.log(livestockInvGroup_id);

                let $_this= $(this);
                $.ajax({
                    type: "GET",
                    url: "view_livestock_inv_group_info",
                    dataType: "json",
                    data:{
                        livestockInvGroup_id: livestockInvGroup_id
                    },
                    success: function (response) {
                        if (response.status === "success") {
                            $_this.parents(".card").find(".variety_name").text(response.variety_name);
                            $_this.parents(".card").find(".inventory_name").text(response.inventory_name);
                            $_this.parents(".card").find(".user_name").text(response.user_name);
                            $_this.parents(".card").find(".total_no_text").text(response.total_no);
                        }
                        else{
                        }
                    }
                });

            })

            $(".page-content").on("click", ".assign_livestock_inv", function (e) {

                livestockInvGroup_id = $(this).data("id");
                console.log(livestockInvGroup_id);
                var element = document.getElementById("assignLivestockInv");
                element.classList.add("menu-active");

                var element = document.getElementById("logger");
                element.classList.add("menu-active");

                let $_this= $(this);
                $.ajax({
                    type: "GET",
                    url: "view_livestock_inv_group_info",
                    dataType: "json",
                    data:{
                        livestockInvGroup_id: livestockInvGroup_id
                    },
                    success: function (response) {
                        if (response.status === "success") {
                            $(".total_no_text").text(response.total_no);
                        }
                        else{
                        }
                    }
                });

            })

            $(".page-content").on("click", ".equipmentGroup_button", function (e) {
                equipmentGroup_id = $(this).data("id");
                console.log(equipmentGroup_id);

                let $_this= $(this);
                $.ajax({
                    type: "GET",
                    url: "view_equipment_group_info",
                    dataType: "json",
                    data:{
                        equipmentGroup_id: equipmentGroup_id
                    },
                    success: function (response) {
                        if (response.status === "success") {
                            $_this.parents(".card").find(".equipment_name").text(response.equipment_name);
                            $_this.parents(".card").find(".user_name").text(response.user_name);
                            $_this.parents(".card").find(".active_no").text(response.active_no);
                            $_this.parents(".card").find(".total_no_text").text(response.total_no);
                        }
                        else{
                        }
                    }
                });

            })

            $(".page-content").on("click", ".assign_equipment", function (e) {

                equipmentGroup_id = $(this).data("id");
                console.log(equipmentGroup_id);
                var element = document.getElementById("assignEquipment");
                element.classList.add("menu-active");
                var element = document.getElementById("logger");
                element.classList.add("menu-active");

                let $_this= $(this);
                $.ajax({
                    type: "GET",
                    url: "view_equipment_group_info",
                    dataType: "json",
                    data:{
                        equipmentGroup_id: equipmentGroup_id
                    },
                    success: function (response) {
                        if (response.status === "success") {
                            $(".total_no_text").text(response.total_no);
                        }
                        else{
                        }
                    }
                });

            })

            $(".page-content").on("click", ".cropInvGroup_button", function (e) {
                cropInvGroup_id = $(this).data("id");
                console.log(cropInvGroup_id);

                $.ajax({
                    type: "GET",
                    url: "view_crop_inv_group_info",
                    dataType: "json",
                    data:{
                        cropInvGroup_id: cropInvGroup_id
                    },
                    success: function (response) {
                        if (response.status === "success") {
                            $(".variety_name").text(response.variety_name);
                            $(".inventory_name").text(response.inventory_name);
                            $(".user_name").text(response.user_name);
                            $(".total_no_text").text(response.total_no);
                        }
                        else{
                        }
                    }
                });

            })

            $(".page-content").on("click", ".assign_crop_inv", function (e) {

                cropInvGroup_id = $(this).data("id");
                console.log(cropInvGroup_id);
                var element = document.getElementById("assignCropInv");
                element.classList.add("menu-active");

                var element = document.getElementById("logger");
                element.classList.add("menu-active");

                let $_this= $(this);
                $.ajax({
                    type: "GET",
                    url: "view_crop_inv_group_info",
                    dataType: "json",
                    data:{
                        cropInvGroup_id: cropInvGroup_id
                    },
                    success: function (response) {
                        if (response.status === "success") {
                            $(".total_no_text").text(response.total_no);
                        }
                        else{
                        }
                    }
                });

            })

            $(".page-content").on("click", ".equipmentInvGroup_button", function (e) {
                equipmentInvGroup_id = $(this).data("id");
                console.log(equipmentInvGroup_id);

                $.ajax({
                    type: "GET",
                    url: "view_equipment_inv_group_info",
                    dataType: "json",
                    data:{
                        equipmentInvGroup_id: equipmentInvGroup_id
                    },
                    success: function (response) {
                        if (response.status === "success") {
                            $(".inventory_name").text(response.inventory_name);
                            $(".user_name").text(response.user_name);
                            $(".total_no_text").text(response.total_no);
                        }
                        else{
                        }
                    }
                });

            })

            $(".page-content").on("click", ".assign_equipment_inv", function (e) {

                equipmentInvGroup_id = $(this).data("id");
                var element = document.getElementById("assignEquipmentInv");
                element.classList.add("menu-active");

                var element = document.getElementById("logger");
                element.classList.add("menu-active");

                let $_this= $(this);
                $.ajax({
                    type: "GET",
                    url: "view_equipment_inv_group_info",
                    dataType: "json",
                    data:{
                        equipmentInvGroup_id: equipmentInvGroup_id
                    },
                    success: function (response) {
                        if (response.status === "success") {
                            $(".total_no_text").text(response.total_no);
                        }
                        else{
                        }
                    }
                });

            })

            $(".page-content").on("click", ".delete_equipment", function (e) {

                equipmentGroup_id = $(this).data("id");
                swal({
                        title: "Are you sure?",
                        text: "Equipment will be deleted!",
                        type: "warning",
                        showCancelButton: true,
                        closeOnConfirm: false,
                        showLoaderOnConfirm: true
                    },
                    function() {
                        $.ajax({
                            type: "DELETE",
                            url: "delete_equipment",
                            dataType: "json",
                            data:{
                                equipmentGroup_id: equipmentGroup_id
                            },
                            success: function (response) {
                                if (response.status === "success") {
                                    swal("Done!", "Equipment Deleted", "success");

                                    $(".job-content").load(location.href+(' .job-content'));

                                    var element = document.getElementById("logger");
                                    element.classList.remove("menu-active");

                                } else{
                                    swal("Cancelled!", response.msg, "error")

                                }
                            }
                        });
                    });

            })

            $(".page-content").on("click", ".delete_equipment_inv", function (e) {

                equipmentInvGroup_id = $(this).data("id");
                console.log(equipmentInvGroup_id);
                swal({
                        title: "Are you sure?",
                        text: "Equipment Inventory will be deleted!",
                        type: "warning",
                        showCancelButton: true,
                        closeOnConfirm: false,
                        showLoaderOnConfirm: true
                    },
                    function() {
                        $.ajax({
                            type: "DELETE",
                            url: "delete_equipment_inv",
                            dataType: "json",
                            data:{
                                equipmentInvGroup_id: equipmentInvGroup_id
                            },
                            success: function (response) {
                                if (response.status === "success") {
                                    swal("Done!", "Equipment Inventory Deleted", "success");

                                    $(".job-content").load(location.href+(' .job-content'));

                                    var element = document.getElementById("logger");
                                    element.classList.remove("menu-active");

                                } else{
                                    swal("Cancelled!", response.msg, "error")

                                }
                            }
                        });
                    });

            })

            $(".page-content").on("click", ".delete_crop_inv", function (e) {

                cropInvGroup_id = $(this).data("id");
                console.log(cropInvGroup_id);
                swal({
                        title: "Are you sure?",
                        text: "Crop Inventory will be deleted!",
                        type: "warning",
                        showCancelButton: true,
                        closeOnConfirm: false,
                        showLoaderOnConfirm: true
                    },
                    function() {
                        $.ajax({
                            type: "DELETE",
                            url: "delete_crop_inv",
                            dataType: "json",
                            data:{
                                cropInvGroup_id: cropInvGroup_id
                            },
                            success: function (response) {
                                if (response.status === "success") {
                                    swal("Done!", "Crop Inventory Deleted", "success");

                                    $(".job-content").load(location.href+(' .job-content'));

                                    var element = document.getElementById("logger");
                                    element.classList.remove("menu-active");

                                } else{
                                    swal("Cancelled!", response.msg, "error")

                                }
                            }
                        });
                    });

            })

            $(".page-content").on("click", ".delete_livestock", function (e) {

                livestockGroup_id = $(this).data("id");
                console.log(livestockGroup_id);
                swal({
                        title: "Are you sure?",
                        text: "Livestock(s) will be deleted!",
                        type: "warning",
                        showCancelButton: true,
                        closeOnConfirm: false,
                        showLoaderOnConfirm: true
                    },
                    function() {
                        $.ajax({
                            type: "DELETE",
                            url: "delete_livestock",
                            dataType: "json",
                            data:{
                                livestockGroup_id: livestockGroup_id
                            },
                            success: function (response) {
                                if (response.status === "success") {
                                    swal("Done!", "Livestock(s) Deleted", "success");

                                    $(".job-content").load(location.href+(' .job-content'));
                                    $('#addLivestockForm').resetForm();

                                    var element = document.getElementById("logger");
                                    element.classList.remove("menu-active");

                                } else{
                                    swal("Cancelled!", response.msg, "error")

                                }
                            }
                        });
                    });

            })

            $(".page-content").on("click", ".delete_livestock_inv", function (e) {

                livestockInvGroup_id = $(this).data("id");
                console.log(livestockInvGroup_id);
                swal({
                        title: "Are you sure?",
                        text: "Livestock Inventory will be deleted!",
                        type: "warning",
                        showCancelButton: true,
                        closeOnConfirm: false,
                        showLoaderOnConfirm: true
                    },
                    function() {
                        $.ajax({
                            type: "DELETE",
                            url: "delete_livestock_inv",
                            dataType: "json",
                            data:{
                                livestockInvGroup_id: livestockInvGroup_id
                            },
                            success: function (response) {
                                if (response.status === "success") {
                                    swal("Done!", "Livestock Inventory Deleted", "success");

                                    $(".job-content").load(location.href+(' .job-content'));

                                    var element = document.getElementById("logger");
                                    element.classList.remove("menu-active");

                                } else{
                                    swal("Cancelled!", response.msg, "error")

                                }
                            }
                        });
                    });

            })

            $('#animal_type').on('change',function(){
                dropdown = $('#animal_type');
                type_name = dropdown.find("option:selected").text();
                console.log(type_name);
            })

            $('#livestockList').on('change',function(){

                livestock_list_id = $(this).val();
                console.log(livestock_list_id);
                $.ajax({
                    type: "POST",
                    url: "get_livestock_attr",
                    dataType: "json",
                    data:{
                        livestock_list_id: livestock_list_id
                    },
                    success: function (response) {
                        $('#animal_stage')
                            .find('option')
                            .remove()
                            .end()
                            .append('<option value="">CHOOSE ANIMAL STAGE</option>');
                        $.each(response.stages,function(key,value){
                            $("#animal_stage")
                                .append('<option value="'+value.id+'">'+value.stage_name+'</option>');
                        });
                        $('#animal_type')
                            .find('option')
                            .remove()
                            .end()
                            .append('<option value="">CHOOSE ANIMAL TYPE</option>');
                        $.each(response.types,function(key,value){
                            $("#animal_type").append('<option value="'+value.id+'">'+value.type_name+'</option>');
                        });
                    }
                });
            });

            $('.selectpicker').select2();

            $("#buyLivestockForm").submit(function(e){
                e.preventDefault();
                var error = false;

                if(!error){
                    close_modal();
                    swal({
                            title: "Are you sure?",
                            text: "Livestock will be purchased!",
                            type: "warning",
                            showCancelButton: true,
                            closeOnConfirm: false,
                            showLoaderOnConfirm: true
                        },
                        function() {
                            $("#buyLivestockForm").ajaxSubmit({
                                type: "POST",
                                url: "buy-livestock",
                                dataType: "json",
                                data:{
                                    type_name: type_name
                                },
                                success: function (response) {
                                    if (response.status === "success") {
                                        swal("Done!", "Livestock Purchased", "success");

                                        $(".job-content").load(location.href+(' .job-content'));
                                        $('#buyLivestockForm').resetForm();
                                        $("#filtered_date").load(location.href+(' #filtered_date'));
                                        var element = document.getElementById("buyLivestock");
                                        element.classList.remove("menu-active");
                                        var element = document.getElementById("logger");
                                        element.classList.remove("menu-active");

                                    } else{
                                        swal("Cancelled!", response.msg, "error")

                                    }
                                }
                            });
                        });

                }
            });

            $("#assignLivestockForm").submit(function(e){
                e.preventDefault();
                var error = false;

                if(!error){
                    close_modal();
                    swal({
                            title: "Are you sure?",
                            text: "Livestock Group will be assigned!",
                            type: "warning",
                            showCancelButton: true,
                            closeOnConfirm: false,
                            showLoaderOnConfirm: true
                        },
                        function() {
                            $("#assignLivestockForm").ajaxSubmit({
                                type: "POST",
                                url: "assign_livestock",
                                dataType: "json",
                                data:{
                                    livestockGroup_id: livestockGroup_id
                                },
                                success: function (response) {
                                    if (response.status === "success") {
                                        swal("Done!", "Livestock Group Assigned", "success");

                                        $(".job-content").load(location.href+(' .job-content'));
                                        $('#assignLivestockForm').resetForm();
                                        $("#filtered_date").load(location.href+(' #filtered_date'));
                                        var element = document.getElementById("assignLivestock");
                                        element.classList.remove("menu-active");
                                        var element = document.getElementById("logger");
                                        element.classList.remove("menu-active");

                                    } else{
                                        swal("Cancelled!", response.msg, "error")

                                    }
                                }
                            });
                        });

                }
            });

            $("#buyEquipmentForm").submit(function(e){
                e.preventDefault();
                var error = false;

                if(!error){
                    close_modal();
                    swal({
                            title: "Are you sure?",
                            text: "Equipment will be purchased!",
                            type: "warning",
                            showCancelButton: true,
                            closeOnConfirm: false,
                            showLoaderOnConfirm: true
                        },
                        function() {
                            $("#buyEquipmentForm").ajaxSubmit({
                                type: "POST",
                                url: "buy-equipment",
                                dataType: "json",
                                success: function (response) {
                                    if (response.status === "success") {
                                        swal("Done!", "Equipment Purchased", "success");

                                        $(".job-content").load(location.href+(' .job-content'));
                                        $('#buyEquipmentForm').resetForm();
                                        $("#filtered_date").load(location.href+(' #filtered_date'));
                                        var element = document.getElementById("buyEquipment");
                                        element.classList.remove("menu-active");
                                        var element = document.getElementById("logger");
                                        element.classList.remove("menu-active");

                                    } else{
                                        swal("Cancelled!", response.msg, "error")

                                    }
                                }
                            });
                        });

                }
            });

            $("#assignEquipmentForm").submit(function(e){
                e.preventDefault();
                var error = false;

                if(!error){
                    close_modal();
                    swal({
                            title: "Are you sure?",
                            text: "Equipment Group will be assigned!",
                            type: "warning",
                            showCancelButton: true,
                            closeOnConfirm: false,
                            showLoaderOnConfirm: true
                        },
                        function() {
                            $("#assignEquipmentForm").ajaxSubmit({
                                type: "POST",
                                url: "assign_equipment",
                                dataType: "json",
                                data:{
                                    equipmentGroup_id: equipmentGroup_id
                                },
                                success: function (response) {
                                    if (response.status === "success") {
                                        swal("Done!", "Equipment Group Assigned", "success");

                                        $(".job-content").load(location.href+(' .job-content'));
                                        $('#assignEquipmentForm').resetForm();
                                        $("#filtered_date").load(location.href+(' #filtered_date'));
                                        var element = document.getElementById("assignEquipment");
                                        element.classList.remove("menu-active");
                                        var element = document.getElementById("logger");
                                        element.classList.remove("menu-active");

                                    } else{
                                        swal("Cancelled!", response.msg, "error")

                                    }
                                }
                            });
                        });

                }
            });

            $("#buyInventoryForm").submit(function(e){
                e.preventDefault();
                var error = false;

                if(!error){
                    close_modal();
                    swal({
                            title: "Are you sure?",
                            text: "Inventory will be purchased!",
                            type: "warning",
                            showCancelButton: true,
                            closeOnConfirm: false,
                            showLoaderOnConfirm: true
                        },
                        function() {
                            $("#buyInventoryForm").ajaxSubmit({
                                type: "POST",
                                url: "buy-inventory",
                                dataType: "json",
                                success: function (response) {
                                    if (response.status === "success") {
                                        swal("Done!", "Inventory Purchased", "success");

                                        $(".job-content").load(location.href+(' .job-content'));
                                        $('#buyInventoryForm').resetForm();
                                        $("#filtered_date").load(location.href+(' #filtered_date'));
                                        var element = document.getElementById("buyInventory");
                                        element.classList.remove("menu-active");
                                        var element = document.getElementById("logger");
                                        element.classList.remove("menu-active");
                                        $('#livestock_inventory_variety').attr("required", false);
                                        $('#crop_inventory_variety').attr("required", false);

                                    } else{
                                        swal("Cancelled!", response.msg, "error")

                                    }
                                }
                            });
                        });

                }
            });

            $("#assignLivestockInvForm").submit(function(e){
                e.preventDefault();
                var error = false;

                if(!error){
                    close_modal();
                    swal({
                            title: "Are you sure?",
                            text: "Livestock Inventory Group will be assigned!",
                            type: "warning",
                            showCancelButton: true,
                            closeOnConfirm: false,
                            showLoaderOnConfirm: true
                        },
                        function() {
                            $("#assignLivestockInvForm").ajaxSubmit({
                                type: "POST",
                                url: "assign_livestock_inv",
                                dataType: "json",
                                data:{
                                    livestockInvGroup_id: livestockInvGroup_id
                                },
                                success: function (response) {
                                    if (response.status === "success") {
                                        swal("Done!", "Livestock Inventory Group Assigned", "success");

                                        $(".job-content").load(location.href+(' .job-content'));
                                        $('#assignLivestockInvForm').resetForm();
                                        $("#filtered_date").load(location.href+(' #filtered_date'));
                                        var element = document.getElementById("assignLivestockInv");
                                        element.classList.remove("menu-active");
                                        var element = document.getElementById("logger");
                                        element.classList.remove("menu-active");

                                    } else{
                                        swal("Cancelled!", response.msg, "error")

                                    }
                                }
                            });
                        });

                }
            });

            $("#assignCropInvForm").submit(function(e){
                e.preventDefault();
                var error = false;

                if(!error){
                    close_modal();
                    swal({
                            title: "Are you sure?",
                            text: "Crop Inventory Group will be assigned!",
                            type: "warning",
                            showCancelButton: true,
                            closeOnConfirm: false,
                            showLoaderOnConfirm: true
                        },
                        function() {
                            $("#assignCropInvForm").ajaxSubmit({
                                type: "POST",
                                url: "assign_crop_inv",
                                dataType: "json",
                                data:{
                                    cropInvGroup_id: cropInvGroup_id
                                },
                                success: function (response) {
                                    if (response.status === "success") {
                                        swal("Done!", "Crop Inventory Group Assigned", "success");

                                        $(".job-content").load(location.href+(' .job-content'));
                                        $('#assignCropInvForm').resetForm();
                                        $("#filtered_date").load(location.href+(' #filtered_date'));
                                        var element = document.getElementById("assignCropInv");
                                        element.classList.remove("menu-active");
                                        var element = document.getElementById("logger");
                                        element.classList.remove("menu-active");

                                    } else{
                                        swal("Cancelled!", response.msg, "error")

                                    }
                                }
                            });
                        });

                }
            });

            $("#assignEquipmentInvForm").submit(function(e){
                e.preventDefault();
                var error = false;

                if(!error){
                    close_modal();
                    swal({
                            title: "Are you sure?",
                            text: "Equipment Inventory Group will be assigned!",
                            type: "warning",
                            showCancelButton: true,
                            closeOnConfirm: false,
                            showLoaderOnConfirm: true
                        },
                        function() {
                            $("#assignEquipmentInvForm").ajaxSubmit({
                                type: "POST",
                                url: "assign_equipment_inv",
                                dataType: "json",
                                data:{
                                    equipmentInvGroup_id: equipmentInvGroup_id
                                },
                                success: function (response) {
                                    if (response.status === "success") {
                                        swal("Done!", "Equipment Inventory Group Assigned", "success");

                                        $(".job-content").load(location.href+(' .job-content'));
                                        $('#assignEquipmentInvForm').resetForm();
                                        $("#filtered_date").load(location.href+(' #filtered_date'));
                                        var element = document.getElementById("assignEquipmentInv");
                                        element.classList.remove("menu-active");
                                        var element = document.getElementById("logger");
                                        element.classList.remove("menu-active");

                                    } else{
                                        swal("Cancelled!", response.msg, "error")

                                    }
                                }
                            });
                        });

                }
            });

            $('#livestock_inventory_variety').on('change',function(){
                dropdown = $('#inventory_variety');
                livestock_variety_name = dropdown.find("option:selected").text();
                console.log(livestock_variety_name);
            })

            $('#livestock').on('change',function(){
                dropdown = $('#livestock');
                animal_name = dropdown.find("option:selected").text();
                livestock_list_id = $(this).val();
                console.log(animal_name);
                console.log(livestock_list_id);
                $('#livestock_standard_unit').val('');
                $.ajax({
                    type: "POST",
                    url: "get_livestock_inv",
                    dataType: "json",
                    data:{
                        livestock_list_id: livestock_list_id
                    },
                    success: function (response) {
                        $('#livestock_inv_varieties').hide()
                        $("#livestock_inventory_variety").attr("required", false);
                        $('#livestock_inventory')
                            .find('option')
                            .remove()
                            .end()
                            .append('<option value="">CHOOSE LIVESTOCK INVENTORY</option>');
                        $.each(response.inventories,function(key,value){
                            $("#livestock_inventory").append('<option value="'+value.id+'">'+value.inventory_name+'</option>');
                        });
                    }
                });
            });

            $('#livestock_inventory').on('change',function(){

                dropdown = $('#livestock_inventory');
                livestock_inventory_name = dropdown.find("option:selected").text();
                console.log(livestock_inventory_name);

                livestock_inventory_id = $(this).val();
                console.log(livestock_inventory_id);
                $.ajax({
                    type: "POST",
                    url: "get_livestock_inv_var",
                    dataType: "json",
                    data:{
                        livestock_inventory_id: livestock_inventory_id
                    },
                    success: function (response) {
                        if(response.variety_count !== 0){
                            $('#livestock_inv_varieties').show()
                            $("#livestock_inventory_variety").attr("required", true);
                        }
                        else{
                            $('#livestock_inv_varieties').hide()
                            $("#livestock_inventory_variety").attr("required", false);
                        }
                        $('#livestock_standard_unit').val(response.standard);
                        $('#livestock_inventory_variety')
                            .find('option')
                            .remove()
                            .end()
                            .append('<option value="">CHOOSE INVENTORY VARIETY</option>');
                        $.each(response.varieties,function(key,value){
                            $("#livestock_inventory_variety").append('<option value="'+value.id+'">'+value.variety_name+'</option>');
                        });
                    }
                });
            });

            $('#crop_inventory_variety').on('change',function(){
                dropdown = $('#crop_inventory_variety');
                crop_variety_name = dropdown.find("option:selected").text();
                console.log(crop_variety_name);
            })

            $('#cropList').on('change',function(){
                dropdown = $('#cropList');
                plant_name = dropdown.find("option:selected").text();
                crop_list_id = $(this).val();
                console.log(plant_name);
                console.log(crop_list_id);
                $('#crop_standard_unit').val('');
                $.ajax({
                    type: "POST",
                    url: "get_crop_inv",
                    dataType: "json",
                    data:{
                        crop_list_id: crop_list_id
                    },
                    success: function (response) {
                        $('#crop_inv_varieties').hide()
                        $("#crop_inventory_variety").attr("required", false);
                        $('#crop_inventory')
                            .find('option')
                            .remove()
                            .end()
                            .append('<option value="">CHOOSE CROP INVENTORY</option>');
                        $.each(response.inventories,function(key,value){
                            $("#crop_inventory").append('<option value="'+value.id+'">'+value.inventory_name+'</option>');
                        });
                    }
                });
            });

            $('#crop_inventory').on('change',function(){

                dropdown = $('#crop_inventory');
                crop_inventory_name = dropdown.find("option:selected").text();
                console.log(crop_inventory_name);

                crop_inventory_id = $(this).val();
                console.log(crop_inventory_id);
                $.ajax({
                    type: "POST",
                    url: "get_crop_inv_var",
                    dataType: "json",
                    data:{
                        crop_inventory_id: crop_inventory_id
                    },
                    success: function (response) {
                        if(response.variety_count !== 0){
                            $('#crop_inv_varieties').show()
                            $("#crop_inventory_variety").attr("required", true);
                        }
                        else{
                            $('#crop_inv_varieties').hide()
                            $("#crop_inventory_variety").attr("required", false);
                        }
                        $('#crop_standard_unit').val(response.standard);
                        $('#crop_inventory_variety')
                            .find('option')
                            .remove()
                            .end()
                            .append('<option value="">CHOOSE INVENTORY VARIETY</option>');
                        $.each(response.varieties,function(key,value){
                            $("#crop_inventory_variety").append('<option value="'+value.id+'">'+value.variety_name+'</option>');
                        });
                    }
                });
            });

            $('#equipment').on('change',function(){
                dropdown = $('#equipment');
                equipment_name = dropdown.find("option:selected").text();
                equipment_list_id = $(this).val();
                console.log(equipment_name);
                console.log(equipment_list_id);
                $('#equipment_standard_unit').val('');
                $.ajax({
                    type: "POST",
                    url: "get_equipment_inv",
                    dataType: "json",
                    data:{
                        equipment_list_id: equipment_list_id
                    },
                    success: function (response) {
                        $('#equipment_inventory')
                            .find('option')
                            .remove()
                            .end()
                            .append('<option value="">CHOOSE EQUIPMENT INVENTORY</option>');
                        $.each(response.inventories,function(key,value){
                            $("#equipment_inventory").append('<option value="'+value.id+'">'+value.inventory_name+'</option>');
                        });
                    }
                });
            });

            $('#equipment_inventory').on('change',function(){

                dropdown = $('#equipment_inventory');
                equipment_inventory_name = dropdown.find("option:selected").text();
                console.log(equipment_inventory_name);

                equipment_inventory_id = $(this).val();
                console.log(equipment_inventory_id);
                $.ajax({
                    type: "POST",
                    url: "get_equipment_inv_var",
                    dataType: "json",
                    data:{
                        equipment_inventory_id: equipment_inventory_id
                    },
                    success: function (response) {
                        $('#equipment_standard_unit').val(response.standard);
                    }
                });
            });

            $('#receipt').on('change',function(){
                receipt_id = $(this).val();
                console.log(receipt_id);
            })

            $("#changeReceiptForm").submit(function(e){
                receipt_id = $('#receipt').val();
                e.preventDefault();
                var error = false;

                if(!error){
                    close_modal();
                    let newurl = window.location.protocol + "//" + window.location.host + window.location.pathname + '?receipt_id=' + receipt_id;
                    window.history.replaceState({path: newurl}, '', newurl);

                    $(".job-content").load(location.href+(' .job-content'));
                    $('#changeReceiptForm').resetForm();
                    $("#filtered_date").load(location.href+(' #filtered_date'));
                    var element = document.getElementById("changeReceipt");
                    element.classList.remove("menu-active");
                    var element = document.getElementById("logger");
                    element.classList.remove("menu-active");

                }
            });

        });
    </script>

    </body>
    </html>
@endsection