@extends('layouts.app')
@section('content')
<section class="content">
    <div class="container-fluid">

        <div class="px-sm-4">

            <div class="row mt-2 mt-sm-3">
                <div class="col-md-7 col-10">
                    <div class="top-head">
                        <h1>Others</h1>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="#">Home</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Others</li>
                            </ol>
                        </nav>
                    </div>
                </div>
                {{-- <div class="col-md-5 text-sm-right text-left">
                    <button type="button" class="btn cancel-btn mr-2">Cancel</button>
                    <a href="#"><button type="button" class="btn save-btn ">Save</button></a>
                </div> --}}
            </div>

            <div class="row mt-3 mt-sm-0">
                <div class="col-md-12">
                    <ul class="nav nav-tabs faq-tab" id="myTab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link {{ (isset($_GET['tab']) && $_GET['tab'] == 'faq') || !isset($_GET['tab']) ? 'active' : '' }}"
                                id="faq-tab" data-toggle="tab" href="#faq" role="tab" aria-controls="home"
                                aria-selected="true" onClick="othersSettings('faq')">FAQ</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link {{ isset($_GET['tab']) && $_GET['tab'] == 'ImprovementAreas' ? 'active' : '' }}"
                                id="imprmvnt-tab" data-toggle="tab" href="#imprmvnt" role="tab" aria-controls="imprmvnt"
                                aria-selected="false" onClick="othersSettings('ImprovementAreas')">Improvement Areas</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ isset($_GET['tab']) && $_GET['tab'] == 'msp' ? 'active' : '' }}"
                                id="imprmvnt-tab" data-toggle="tab" href="#msp" role="tab" aria-controls="msp"
                                aria-selected="false" onClick="othersSettings('msp')">Msp</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ isset($_GET['tab']) && $_GET['tab'] == 'others' ? 'active' : '' }}"
                                id="other-tab" data-toggle="tab" href="#other" role="tab" aria-controls="contact"
                                aria-selected="false" onClick="othersSettings('others')">Others</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="other-tab" data-toggle="tab" href="#contact" role="tab"
                                aria-controls="contact" aria-selected="false">Contact</a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="row mt-3">
                <div class="col-md-12">
                    @if ($message = Session::get('success'))
                    <div class="alert alert-success">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        {{ session('success') }}
                    </div>
                    @endif
                    @if ($message = Session::get('error'))
                    <div class="alert alert-warning">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        {{ session('error') }}
                    </div>
                    @endif
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade {{ (isset($_GET['tab']) && $_GET['tab'] == 'faq') || !isset($_GET['tab']) ? 'show active' : '' }}"
                            id="faq" role="tabpanel" aria-labelledby="faq-tab">

                            <div class="row mt-3">
                                <div class="col-md-12">
                                    <div class="user-editbox">


                                        @if(@$faqData->id)
                                        <form class="form" id="faq-form" role="post-data" method="POST"
                                            action="{{url('others/faq-update')}}">
                                            <input type="hidden" name="id" value="{{@$faqData->id}}">
                                            @else
                                            <form class="form" id="faq-form" role="post-data" method="POST"
                                                action="others/create">
                                                @endif
                                                @csrf
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label class="edit-label">Select category</label>
                                                            <select class="form-control edit-input edit-select"
                                                                name="category_id">
                                                                <option>Select category</option>
                                                                @foreach($categories as $category)
                                                                @if($category->type=='faq')
                                                                <option value="{{$category->id}}" {{ @$category->id ==
                                                                    @$faqData->category_id ? 'selected' :
                                                                    ''}}>{{@$category->name }}</option>
                                                                @endif
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <div class="form-group">
                                                            <label class="edit-label">Question</label>
                                                            <textarea class="form-control edit-input"
                                                                value="{{@$faqData->id}}" name="question" rows="4"
                                                                placeholder="Write...">{{@$faqData->question}}</textarea>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="edit-label">Answer</label>
                                                            <textarea class="form-control edit-input" name="answer"
                                                                rows="4"
                                                                placeholder="Write..."> {{@$faqData->answer}}</textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                                @if(@$faqData->id)
                                                <button type="button" class="btn save-btn" role="button"
                                                    onclick="saveFaq(this)">Update</button>
                                                @else
                                                <button type="button" class="btn save-btn" role="button"
                                                    onclick="saveFaq(this)">Submit</button>
                                                @endif
                                            </form>

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

                            <div class="row mt-4 justify-content-end">
                                <div class="col-md-4">
                                    <form class="search-form" role="search">
                                        <div class="position-relative">
                                            <input type="search" name="search" value="{{ $search }}"
                                                onchange="this.form.submit()" class="form-control">
                                            <img src="/assets/img/search-new.svg" class="search-img" alt="">
                                        </div>
                                    </form>
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-md-12">
                                    <div class="card p-2">
                                        <div class="table-responsive">
                                            <table class="table dairy-table mb-0">
                                                <thead>
                                                    <tr>
                                                        <th>CATEGORY</th>
                                                        <th>QUESTION</th>
                                                        <th>ANSWER</th>
                                                        <th></th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @if(count($frequentlyAskedQuestion) > 0)
                                                    @foreach($frequentlyAskedQuestion as $faq)
                                                    <tr>
                                                        <td>{{$faq->categories->name ?? 'NA'}}</td>
                                                        <td>{{$faq->question}}</td>
                                                        <td>{{$faq->answer}}</td>
                                                        <td width="90px">

                                                            <span class="badge edit-box mr-2">
                                                                <a
                                                                    href="{{url('others/faq-edit/'.base64_encode($faq->id))}}">
                                                                    <img src="{{asset('assets/img/role-edit.svg')}}"
                                                                        alt=""></span>
                                                            </a>
                                                            <a
                                                                href="{{url('others/faq-delete/'.base64_encode($faq->id))}}">
                                                                <span class="badge edit-box"><img
                                                                        src="{{asset('assets/img/red-delete.svg')}}"
                                                                        alt=""></span>
                                                            </a>

                                                        </td>
                                                    </tr>
                                                    @endforeach
                                                    @else
                                                    <tr class="text-center">
                                                        <td></td>
                                                        <td>
                                                            <h6>No FAQ Available !</h6>
                                                        </td>
                                                    </tr>
                                                    @endif
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>


                        <!-- Start ImprovementAreas Tab -->
                        <div class="tab-pane fade {{ isset($_GET['tab']) && $_GET['tab'] == 'ImprovementAreas' ? 'show active' : '' }}"
                            id="imprmvnt" role="tabpanel" aria-labelledby="imprmvnt-tab">

                            <div class="row mt-4 justify-content-end">
                                <div class="top-search-bar d-sm-block d-none mr-3">

                                    <form class="search-form" role="search">
                                        <input type="hidden" name="tab" value="ImprovementAreas">
                                        <!-- <div class="form-group pull-right {{ isset($search) && $search ? 'sb-search-open' : '' }}" id="search">
                                            <input type="search" name="search" value="{{ $search }}" onchange="this.form.submit()" class="form-control">
                                            <span class="search-label"><img src="{{ asset('assets/img/search.svg') }}" alt="/"></span>
                                        </div> -->
                                    </form>

                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-md-12">
                                    <div class="card p-2">
                                        <div class="table-responsive">
                                            <table class="table dairy-table mb-0">
                                                <thead>
                                                    <tr>
                                                        <th colspan="2" style="text-align: center;">Improvement Area
                                                        </th>
                                                        <th>GLAD Commission %</th>
                                                        <th>Farmer Participation </th>
                                                        <th>Maximum Repayment Months</th>
                                                        <th>Max Loan Limit</th>
                                                        <th></th>
                                                    </tr>
                                                </thead>
                                                <tbody>

                                                    @foreach($improvementAreas as $key=>$impArea)
                                                    <tr>
                                                        <td>
                                                            <h6 class="table-username">
                                                                <img src="{{ isset($impArea->image) ?$impArea->image : '' }}"
                                                                    onerror="this.src='/assets/img/user-default.jpg'"
                                                                    alt="{{ isset($impArea->image) ? $impArea->image : '' }}"
                                                                    width="40px" height="40px">
                                                            </h6>
                                                        </td>
                                                        <td>{{ucfirst($impArea->name ?? 0)}}</td>
                                                        <td align="right">{{number_format($impArea->glad_commission_perc
                                                            ?? 0 ,2)}} </td>
                                                        <td align="right">{{number_format($impArea->farmer_part_perc ??
                                                            0,2)}} </td>
                                                        <td align="right">{{number_format($impArea->min_repay_months ??
                                                            0,2)}}</td>
                                                        <td align="right">{{number_format($impArea->max_loan_limit ??
                                                            0,2)}}</td>
                                                        <td> <button type="button" class="plus-btn add-more"
                                                                data-toggle="modal" data-target="#imparea-modal"
                                                                onclick="EditImprovementArea({{$impArea->id}})"
                                                                style="background: transparent;">
                                                                <img height="20px;"
                                                                    src="{{asset('/assets/img/edit.svg')}}" alt="">
                                                            </button></td>
                                                    </tr>

                                                    @endforeach
                                                </tbody>
                                            </table>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{ $testimonials->appends(request()->input())->links('partials.pagination') }}
                        </div>
                        <!-- Close ImprovementAreas Tab -->
                        <!-- Msp Tab -->
                        <div class="tab-pane fade {{ isset($_GET['tab']) && $_GET['tab'] == 'msp' ? 'show active' : '' }}"
                            id="msp" role="tabpanel" aria-labelledby="msp-tab">
                            <div class="row mt-4 align-items-center">
                                <div class="col-md-6">
                                    <div class="inner-head">
                                        <p>MSP</p>
                                    </div>
                                </div>
                                <div class="col-md-6 text-right">
                                    <button type="button" data-toggle="modal" data-target="#msp-modal"
                                        class="plus-btn add-more mr-2" onclick="" id="">
                                        <img src="{{ asset('assets/img/plus-white.svg') }}" />
                                    </button>
                                </div>
                            </div>

                            <div class="row mt-sm-3 mt-2">
                                <div class="col-md-12">
                                    <div class="table-responsive">
                                        <table class="table dam-constructiontable">
                                            <thead>
                                                <tr>

                                                    <th><label class="edit-label">Effective Date</label>
                                                    </th>
                                                    <th><label class="edit-label">Msp</label>
                                                    </th>
                                                    <th></th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @if(isset($milkMsp))
                                                @foreach($milkMsp as $key=>$msp)
                                                <tr id="{{$msp->id}}">

                                                    <td>
                                                        <input type="text" class="form-control edit-input" id="" name=""
                                                            value="{{date('d-m-Y',strtotime($msp->date))}}" readonly="">
                                                    </td>
                                                    <td>
                                                        <input type="text" class="form-control edit-input" id="" name=""
                                                            value="{{$msp->msp}}" readonly="">
                                                    </td>

                                                    <td class="text-center">
                                                        <button type="button" class="plus-btn add-more"
                                                            data-toggle="modal" data-target="#msp-modal"
                                                            style="background: transparent;"
                                                            onclick="editMsp({{$msp->id}})">
                                                            <img height="20px;" src="{{asset('/assets/img/edit.svg')}}"
                                                                alt="">
                                                        </button>
                                                    </td>
                                                    <td>
                                                        <button type="button" class="plus-btn add-more" data-id=""
                                                            style="background: transparent;"
                                                            onclick="deleteMsp({{$msp->id}})">
                                                            <img height="42px"
                                                                src="{{asset('assets/img/closered.svg')}}" alt="">
                                                        </button>
                                                    </td>
                                                </tr>
                                                @endforeach
                                                @endif

                                                <!-- Existing Row close-->
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>


                        </div>
                        <!--Close Msp -->
                        <!-- Others tab -->
                        <div class="tab-pane fade {{ isset($_GET['tab']) && $_GET['tab'] == 'others' ? 'show active' : '' }}"
                            id="other" role="tabpanel" aria-labelledby="other-tab">
                            <div class="card other-card mt-3">
                                <div class="row align-items-center">
                                    <div class="col-md-5 mb-3 mb-sm-0">
                                        <form method="post">
                                            @csrf
                                            <input name="type" type="hidden" value="training">
                                            <div>
                                                <label class="type">Training Categories</label>
                                                <input type="text" name="name" class="form-control edit-input"
                                                    placeholder="+ Add Category">
                                            </div>

                                        </form>
                                    </div>
                                    <div class="col-md-6 pl-sm-5">

                                        @foreach ($categories as $category)
                                        @if ($category->type !== 'training')
                                        @continue
                                        @endif
                                        <span class="badge plastic-badge removemilestoneTaskvalues">{{ $category->name
                                            }}
                                            <span class="cross-plastic" data-request="remove"
                                                data-url="/api/others/delete-category/{{base64_encode($category->id)}}"
                                                data-redirect="/others?tab=others"><i class="fa fa-times"
                                                    aria-hidden="true"></i></span>
                                        </span>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                            <div class="card other-card">
                                <div class="row align-items-center">
                                    <div class="col-md-5 mb-3 mb-sm-0">
                                        <form method="post">
                                            @csrf
                                            <input name="type" type="hidden" value="news_and_events">
                                            <div>
                                                <label class="type">News and Events Categories</label>
                                                <input type="text" name="name" class="form-control edit-input"
                                                    placeholder="+ Add Category">
                                            </div>
                                        </form>
                                    </div>
                                    <div class="col-md-6 pl-sm-5">
                                        @foreach ($categories as $category)
                                        @if ($category->type !== 'news_and_events')
                                        @continue
                                        @endif

                                        <span class="badge plastic-badge removemilestoneTaskvalues">{{ $category->name
                                            }}
                                            <span class="cross-plastic" data-request="remove"
                                                data-url="/api/others/delete-category/{{base64_encode($category->id)}}"
                                                data-redirect="/others?tab=others"><i class="fa fa-times"
                                                    aria-hidden="true"></i></span>
                                        </span>
                                        @endforeach

                                    </div>
                                </div>
                            </div>
                            <div class="card other-card">
                                <div class="row align-items-center">
                                    <div class="col-md-5 mb-3 mb-sm-0">
                                        <form method="post">
                                            @csrf
                                            <input name="type" type="hidden" value="faq">
                                            <div>
                                                <label class="faq">FAQ Categories</label>
                                                <input type="text" name="name" class="form-control edit-input"
                                                    placeholder="+ Add Category">
                                            </div>
                                        </form>
                                    </div>
                                    <div class="col-md-6 pl-sm-5">
                                        @foreach ($categories as $category)
                                        @if ($category->type !== 'faq')
                                        @continue
                                        @endif
                                        <span class="badge plastic-badge  removemilestoneTaskvalues">{{$category->name}}
                                            <span class="cross-plastic" data-request="remove"
                                                data-url="/api/others/delete-category/{{base64_encode($category->id)}}"
                                                data-redirect="/others?tab=others"><i class="fa fa-times"
                                                    aria-hidden="true"></i></span>
                                        </span>
                                        @endforeach

                                    </div>
                                </div>
                            </div>
                            <!-- Custom Loan Purpose list -->
                            <div class="card other-card">
                                <div class="row align-items-center">
                                    <div class="col-md-5 mb-3 mb-sm-0">
                                        <form method="post">
                                            @csrf
                                            <input name="type" type="hidden" value="custom_loan">
                                            <div>
                                                <label class="faq">Custom Loan Purpose</label>
                                                <input type="text" name="name" class="form-control edit-input"
                                                    placeholder="+ Add Purpose">
                                            </div>
                                        </form>
                                    </div>
                                    <div class="col-md-6 pl-sm-5">
                                        @foreach ($categories as $category)
                                        @if ($category->type !== 'custom_loan')
                                        @continue
                                        @endif
                                        <span class="badge plastic-badge  removemilestoneTaskvalues">{{$category->name
                                            }}
                                            <span class="cross-plastic" data-request="remove"
                                                data-url="/api/others/delete-category/{{base64_encode($category->id)}}"
                                                data-redirect="/others?tab=others"><i class="fa fa-times"
                                                    aria-hidden="true"></i></span>
                                        </span>
                                        @endforeach

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

                        </div>
                        <!--Close  Others tab -->

                        <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">

                            <form class="form" id="contact-form-data" role="post-data" method="POST" action="{{url('others/admin-contact')}}">
                                @csrf
                                <input type="hidden" name="id" value="{{@$adminContacts->id}}">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="type">Dial Code</label>
                                            <input type="text" name="dial_code" class="form-control edit-input" value="{{@$adminContacts->dial_code}}">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="type">Mobile No.</label>
                                            <input type="text" name="mobile" class="form-control edit-input" value="{{@$adminContacts->mobile}}">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="type">Facebook</label>
                                            <input type="text" name="facebook" class="form-control edit-input" value="{{@$adminContacts->facebook}}">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="type">Twitter</label>
                                            <input type="text" name="twitter" class="form-control edit-input" value="{{@$adminContacts->twitter}}">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="type">LinkedIn</label>
                                            <input type="text" name="linkedIn" class="form-control edit-input" value="{{@$adminContacts->linkedIn}}">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="type">Youtube</label>
                                            <input type="text" name="youtube" class="form-control edit-input" value="{{@$adminContacts->youtube}}">
                                        </div>
                                    </div>
                                    
                                </div>

                                <div class="row">
                                    <div class="col-md-4">
                                    <button type="button"  onclick="saveAdminContact(this)" class="btn save-btn" role="button">Submit</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>
</section>
<!-- DDE Add Commission Modal  -->
<div class="modal fade mobile-header filter-popup join-popup modal-dialog-slideout" id="msp-modal" tabindex="-1"
    role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header pb-0 mobile-header">
                <button type="button" onclick="setMspForm()" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">
                        <!-- &times; -->
                        <img src="{{asset('assets/img/dash-cross.svg')}}" class="cross-dash" alt="">
                    </span>
                </button>
            </div>
            <div class="modal-body pt-0">
                <div class="row align-items-center mt-2">
                    <div class="col-md-12 col-12">
                        <div class="pop-head">
                            <h2 id="msp-head">Add MSP</h2>
                        </div>
                    </div>
                </div>
                <form class="form" id="msp-form-data" role="post-data" method="POST"
                    action="{{url('others/add-milk-msp')}}">
                    @csrf
                    <input type="hidden" name="msp_id" value="" id="msp_id">
                    <div class="row mt-sm-4 mt-3">

                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="edit-label">Effective Date</label>
                                <input type="date" name="date" class="form-control edit-input" value="" id="datepicker"
                                    min="2025-11-11">
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="edit-label">Msp</label>
                                <input type="text" name="msp" class="form-control edit-input" value="" id="mspVal">
                            </div>
                        </div>


                    </div>

                    <div class="row mt-sm-5 mt-4 mb-5 justify-content-center">
                        <div class="col-md-10 col-8 text-center">
                            <button type="button" class="btn btn-block save-btn p-sm-3 mb-4"
                                onclick="saveMilkMsp(this)">Save</button>
                            <a href="#" class="cancel-text" data-dismiss="modal" aria-label="Close">Cancel</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="modal fade mobile-header filter-popup join-popup modal-dialog-slideout" id="imparea-modal" tabindex="-1"
    role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header pb-0 mobile-header">
                <button type="button" onclick="ImpForm()" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">
                        <!-- &times; -->
                        <img src="{{asset('assets/img/dash-cross.svg')}}" class="cross-dash" alt="">
                    </span>
                </button>
            </div>
            <div class="modal-body pt-0">
                <div class="row align-items-center mt-2">
                    <div class="col-md-12 col-12 text-center">
                        <div class="pop-head">
                            <h2 id="Imp-head">Edit Improvement Area</h2>
                        </div>
                    </div>
                </div>
                <form class="form" id="imp-form-data" role="post-data" method="POST"
                    action="{{url('others/update-improvement-area')}}" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="imp_id" value="" id="imp_id">
                    <div class="row mt-sm-4 mt-3">

                        <div class="col-md-12">
                            <div class="edit-userprofile" id="imp-area-pic">

                                <a href="{{ @$user->profile_pic ? @$user->profile_pic : 'javascript:void(0)' }}" @if(@$user->profile_pic) target="_blank" @endif id="preview_image_link">
                                    <img src="{{ $user->profile_pic ? $user->profile_pic : '/assets/img/user-default.jpg' }}"
                                        id="preview_image">

                                </a>
                            </div>

                            <div class="d-flex justify-content-center">
                                <div class="upload-btn-wrapper text-center">
                                    <button class="uploadBtn">
                                        Tap to change <span>photo</span>
                                    </button>
                                    <br>
                                    <input type="file" accept=".png,.jpg,.jpeg" name="image" id="image"
                                        onchange="renderImage(this,'preview_image','preview_image_link')">
                                </div>
                            </div>

                            <div class="d-flex align-items-center justify-content-center">
                                <span class="size-img">Max size 5 MB</span>
                            </div>

                        </div>

                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="edit-label">Improvement Area</label>
                                <input type="text" name="name" class="form-control edit-input" value=""
                                    id="improvementNAme">
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="edit-label">Glad Commission Percentage(Annual)</label>
                                <input type="text" name="glad_commission_perc" class="form-control edit-input" value=""
                                    id="glad_commission_perc">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="edit-label">Farmer Participant Percentage(Annual)</label>
                                <input type="text" name="farmer_part_perc" class="form-control edit-input" value=""
                                    id="farmer_part_perc">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="edit-label">Min Repayment Months</label>
                                <input type="text" name="min_repay_months" class="form-control edit-input" value=""
                                    id="min_repay_months">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="edit-label">Maximum loan limit</label>
                                <input type="text" name="max_loan_limit" class="form-control edit-input" value=""
                                    id="max_loan_limit">
                            </div>
                        </div>


                    </div>

                    <div class="row mt-sm-5 mt-4 mb-5 justify-content-center">
                        <div class="col-md-10 col-8 text-center">
                            <button type="button" class="btn btn-block save-btn p-sm-3 mb-4"
                                onclick="updateImprovementArea(this)">Save</button>
                            <a href="#" class="cancel-text" data-dismiss="modal" aria-label="Close">Cancel</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
    function othersSettings(tabs) {
        if (tabs == 'faq') {
            window.location.href = "{{url('')}}/others?tab=faq";
        } else if (tabs == 'Testimonials') {
            window.location.href = "{{url('')}}/others?tab=Testimonials";

        } else if (tabs == 'others') {
            window.location.href = "{{url('')}}/others?tab=others";
        } else if (tabs == 'ImprovementAreas') {
            window.location.href = "{{url('')}}/others?tab=ImprovementAreas";
        } else if (tabs == 'msp') {
            window.location.href = "{{url('')}}/others?tab=msp";
        } else {
            window.location.href = "{{url('')}}/others";
        }

    }



    $(document).on('click', '.crossmilestoneTaskvalues', function () {

        $(this).closest('.removemilestoneTaskvalues').remove();
    });

    function saveFaq(elem) {

        var form = $(elem).closest('form');
        var formData = new FormData(form[0]);
        var url = $(form[0]).attr('action');

        $.ajax({
            url: url,
            data: formData,
            cache: false,
            type: 'POST',
            dataType: 'JSON',
            contentType: false,
            processData: false,
            beforeSend: function () {
                $('#loaderDiv').show();
                $('.help-block').remove();
            },
            success: function ($response) {
                if ($response.status === 200) {
                    toast("success", $response.message);
                    setTimeout(function () {
                        window.location.reload();
                    }, 2200);
                }
            },
            error: function ($response) {
                $('#loaderDiv').hide();
                if ($response.status === 422) {
                    if (Object.size($response.responseJSON) > 0 && Object.size($response
                        .responseJSON.errors) > 0) {
                        show_validation_error($response.responseJSON.errors);
                    }
                } else {
                    Swal.fire(
                        'Error', $response.responseJSON.message, 'warning'
                    )
                    setTimeout(function () { }, 1200)
                }
            }

        });
    }


    function EditImprovementArea(impId) {
        $('#imp_id').val(impId);
        $('#imp-area-pic').html('');
        
        $.ajax({
            url: "{{url('others/get-imp-details')}}",
            method: 'POST',
            data: {
                _token: "{{csrf_token()}}",
                impId: impId
            },
            success: function (response) {
                if (response) {
                    console.log("imp-area:", response);
                    let picHtml = '';
                    picHtml = `<a href="${response?.image || 'javascript:void(0)'}" ${response?.image ? 'target="_blank"' : ''} id="preview_image_link">
                                    <img src="${response.image ? response.image  : '/assets/img/user-default.jpg'}"
                                        id="preview_image">

                                </a>`;
                    $('#imp-area-pic').html(picHtml);
                    $('#improvementNAme').val(response.name);
                    $('#glad_commission_perc').val(response.glad_commission_perc);
                    $('#farmer_part_perc').val(response.farmer_part_perc);
                    $('#min_repay_months').val(response.min_repay_months);
                    $('#max_loan_limit').val(response.max_loan_limit);

                }
            }

        })
    }

    function updateImprovementArea(elem) {

        var form = $(elem).closest('form');
        var formData = new FormData(form[0]);
        var url = $(form[0]).attr('action');

        $.ajax({
            url: url,
            data: formData,
            cache: false,
            type: 'POST',
            dataType: 'JSON',
            contentType: false,
            processData: false,
            beforeSend: function () {
                $('#loaderDiv').show();
                $('.help-block').remove();
            },
            success: function (response) {
                if (response.status == 200) {
                    $('#loaderDiv').hide();
                    toast("success", response.message);
                    setTimeout(() => {
                        window.location.reload();
                    }, 3000);
                }
            },
            error: function ($response) {
                $('#loaderDiv').hide();
                if ($response.status === 422) {
                    if (Object.size($response.responseJSON) > 0 && Object.size($response
                        .responseJSON.errors) > 0) {
                        show_validation_error($response.responseJSON.errors);
                    }
                } else {
                    Swal.fire(
                        'Error', $response.responseJSON.message, 'warning'
                    )
                    setTimeout(function () { }, 1200)
                }
            }
        });
    }

    // function saveMilkMsp(elem) {

    //     var form = $(elem).closest('form');
    //     var formData = new FormData(form[0]);
    //     var url = $(form[0]).attr('action');
    //     $.ajax({
    //         url: url,
    //         data: formData,
    //         cache: false,
    //         type: 'POST',
    //         dataType: 'JSON',
    //         contentType: false,
    //         processData: false,
    //         beforeSend: function() {
    //             $('#loaderDiv').show();
    //             $('.help-block').remove();
    //         },
    //         success: function(response) {
    //             if (response.status == 200) {
    //                 $('#loaderDiv').hide();
    //                 toast("success", response.message);
    //                 setTimeout(() => {
    //                     window.location.reload();
    //                 }, 3000);
    //             }
    //         },
    //         error: function($response) {
    //             $('#loaderDiv').hide();
    //             if ($response.status === 422) {
    //                 if (Object.size($response.responseJSON) > 0 && Object.size($response
    //                         .responseJSON.errors) > 0) {
    //                     show_validation_error($response.responseJSON.errors);
    //                 }
    //             } else {
    //                 Swal.fire(
    //                     'Error', $response.responseJSON.message, 'warning'
    //                 )
    //                 setTimeout(function() {}, 1200)
    //             }
    //         }
    //     });
    // }

    function saveMilkMsp(elem) {

        var form = $(elem).closest('form');
        var formData = new FormData(form[0]);
        var url = $(form[0]).attr('action');
        $.ajax({
            url: url,
            data: formData,
            cache: false,
            type: 'POST',
            dataType: 'JSON',
            contentType: false,
            processData: false,
            beforeSend: function () {
                $('#loaderDiv').show();
                $('.help-block').remove();
            },
            success: function (response) {
                if (response.status == 200) {
                    $('#loaderDiv').hide();
                    toast("success", response.message);
                    setTimeout(() => {
                        window.location.reload();
                    }, 3000);
                }
            },
            error: function ($response) {
                $('#loaderDiv').hide();
                if ($response.status === 422) {
                    if (Object.size($response.responseJSON) > 0 && Object.size($response
                        .responseJSON.errors) > 0) {
                        show_validation_error($response.responseJSON.errors);
                    }
                } else {
                    Swal.fire(
                        'Error', $response.responseJSON.message, 'warning'
                    )
                    setTimeout(function () { }, 1200)
                }
            }
        });
    }

    function editMsp(mspId) {
        $('#msp_id').val(mspId);
        $('#msp-head').text('Edit MSP');
        $.ajax({
            url: "{{url('others/get-msp-details')}}",
            method: 'POST',
            data: {
                _token: "{{csrf_token()}}",
                mspId: mspId
            },
            success: function (response) {
                if (response) {
                    $('#mspVal').val(response.msp);
                    $('#datepicker').val(response.date);

                }
            }

        })
    }

    function deleteMsp(mspId) {
        $.ajax({
            url: "{{url('others/delete-msp')}}",
            method: 'POST',
            data: {
                _token: "{{csrf_token()}}",
                mspId: mspId
            },
            beforeSend: function () {
                $('#loaderDiv').show();
                $('.help-block').remove();
            },
            success: function (response) {
                if (response.status == 200) {
                    $('#loaderDiv').hide();
                    toast("success", response.message);
                    setTimeout(() => {
                        window.location.reload();
                    }, 3000);
                }
            }

        })
    }

    function saveAdminContact(elem){
        var form = $(elem).closest('form');
        var formData = new FormData(form[0]);
        var url = $(form[0]).attr('action');
        $.ajax({
            url: url,
            data: formData,
            cache: false,
            type: 'POST',
            dataType: 'JSON',
            contentType: false,
            processData: false,
            beforeSend: function () {
                $('#loaderDiv').show();
                $('.help-block').remove();
            },
            success: function (response) {
                if (response.status == 200) {
                    $('#loaderDiv').hide();
                    toast("success", response.message);
                    setTimeout(() => {
                        window.location.reload();
                    }, 3000);
                }
            },
            error: function ($response) {
                console.log($response);
                $('#loaderDiv').hide();
                if ($response.status === 422) {
                    if (Object.size($response.responseJSON) > 0 && Object.size($response
                        .responseJSON.errors) > 0) {
                        show_validation_error($response.responseJSON.errors);
                    }else{
                        Swal.fire(
                        'Error', $response.responseText, 'warning'
                    )
                    }
                } else {
                    if (Object.size($response.responseJSON) > 0 && Object.size($response
                        .responseJSON.errors) > 0) {
                        show_validation_error($response.responseJSON.errors);
                    }else{
                        console.log("hey");
                        Swal.fire(
                        'Error', $response.responseText, 'warning'
                    )
                    }
                    
                }
            }
        });
    }

    function setMspForm() {

        $('#msp-form-data')[0].reset();
    }

    function ImpForm() {

        $('#imp-form-data')[0].reset();
    }
</script>

@endsection