@extends('layouts.admin_default')
@section('title', 'Nakshatra Table')
@section('page', 'Nakshatra Table / List')
@section('content')
    <div class="layout-px-spacing">
        <div class="row layout-top-spacing">
            <div class="col-xl-12 col-lg-12 col-sm-12  layout-spacing">
                <div class="widget-content widget-content-area br-6">
                    <div id="delete_bd_ms"></div>
                    @if (isset($errors) && $errors->any())
                        <div class="alert alert-danger fade in alert-dismissible show" style="margin-bottom: 5px;">
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true" style="font-size:20px">×</span>
                            </button>
                            @foreach ($errors->all() as $error)
                                {{ $error }} <br />
                            @endforeach
                        </div>

                    @endif

                    @if (session()->has('message'))
                        <div class="alert alert-success fade in alert-dismissible show" style="margin-bottom: 5px;">
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true" style="font-size:20px">×</span>
                            </button>
                            {{ session()->get('message') }}
                        </div>
                    @elseif(session()->has('error'))
                        <div class="alert alert-danger fade in alert-dismissible show" style="margin-bottom: 5px;">
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true" style="font-size:20px">×</span>
                            </button>
                            {{ session()->get('error') }}
                        </div>
                    @endif
                    {{-- ================================= my design code ================================== --}}
                    <div class="content pt-0">
                        <div class="card mt-4">
                            <div class="card-header">
                                <h5 class="card-title">Dashboard / Nakshatra</h5>
                            </div>

                            {{-- ================================= / my design code ================================== --}}
                            <div class="col-md-12 text-right">
                                <a class="btn btn-success mb-2" href="javascript:void();" onclick="csvAddModal();">Import
                                    Nakshatra</a>
                                <a class="btn btn-success mb-2" href="{{ route('export-nakshatra') }}">Export Nakshatra</a>
                                <a href="javascript:void();" onclick="addModal();" class="btn btn-primary mb-2">Add +</a>
                            </div>
                            <div class="col-md-12 text-left">
                                <div class="" id="#error"></div>
                                <div class="multiple-action">
                                    <button type="button" onclick="multiple_del()"
                                        class="btn btn-danger del">Delete</button>
                                    <button type="button" onclick="multiple_active()"
                                        class="btn btn-success active-status">Active</button>
                                    <button type="button" onclick="multiple_deactive()"
                                        class="btn btn-danger inactive-status">Inactive</button>
                                </div>
                                <small>Apply action on checked record.</small>
                            </div>
                            <div class="table-responsive mb-4 mt-4">
                                <table id="multi-column-ordering" class="table table-hover">
                                    <thead>
                                        <tr>
                                            <th><input type="checkbox" class="new-control-input" id="contact-check-all">
                                            </th>
                                            <th>S.No #</th>
                                            <th>N.ID</th>
                                            <th>Name</th>
                                            <th>Pada</th>
                                            <th>Degree</th>
                                            <th>Rashi</th>
                                            <th>Rashi Number</th>
                                            <th>Charan Eng</th>
                                            <th>Charan Hindi</th>
                                            <th>Nadi Eng</th>
                                            <th>Nadi Hindi</th>
                                            <th>Yoni Eng</th>
                                            <th>Yoni Hindi</th>
                                            <th>Gana Eng</th>
                                            <th>Gana Hindi</th>
                                            <th>Vashya Eng</th>
                                            <th>Vashya Hindi</th>
                                            <th>Lord</th>
                                            <th>Symbol Eng</th>
                                            <th>Symbol Hindi</th>
                                            <th>Deity Eng</th>
                                            <th>Deity Hindi</th>
                                            <th>Varna Eng</th>
                                            <th>Varna Hindi</th>
                                            <th>Status</th>
                                            <th>Created Date</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tableItem">
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <th></th>
                                            <th>S.No #</th>
                                            <th>N.ID</th>
                                            <th>Name</th>
                                            <th>Pada</th>
                                            <th>Degree</th>
                                            <th>Rashi</th>
                                            <th>Rashi Number</th>
                                            <th>Charan Eng</th>
                                            <th>Charan Hindi</th>
                                            <th>Nadi Eng</th>
                                            <th>Nadi Hindi</th>
                                            <th>Yoni Eng</th>
                                            <th>Yoni Hindi</th>
                                            <th>Gana Eng</th>
                                            <th>Gana Hindi</th>
                                            <th>Vashya Eng</th>
                                            <th>Vashya Hindi</th>
                                            <th>Lord</th>
                                            <th>Symbol Eng</th>
                                            <th>Symbol Hindi</th>
                                            <th>Deity Eng</th>
                                            <th>Deity Hindi</th>
                                            <th>Varna Eng</th>
                                            <th>Varna Hindi</th>
                                            <th>Status</th>
                                            <th>Created Date</th>
                                            <th>Action</th>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                            {{-- ================================= my design code ================================== --}}

                        </div>
                    </div>
                    {{-- ================================= /my design code ================================== --}}
                </div>
            </div>
        </div>
    </div>
    <!--end of listing -->
    <!-- add modal start -->
    <div class="modal fade" id="add_blog_modal">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form id="nakshatraForm" method="post" action="{{ route('saveNakshatra') }}" enctype="multipart/form-data"
                    novalidate>
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title">Add Nakshatra</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_id">N.ID*</label>
                                    <input type="number" class="form-control" name="n_id" required id="n_id">
                                </div>
                            </div>
                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_name">Name*</label>
                                    <input type="text" class="form-control" name="n_name" required id="n_name">
                                </div>
                            </div>
                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_pada">Pada*</label>
                                    <input type="number" class="form-control" name="n_pada" required id="n_pada">
                                </div>
                            </div>
                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="s_degree">Starting Degree*</label>
                                    <input type="number" class="form-control" name="s_degree" required id="s_degree">
                                </div>
                            </div>
                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="s_minute">Starting Minute*</label>
                                    <input type="number" class="form-control" name="s_minute" required id="s_minute">
                                </div>
                            </div>
                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="l_degree">Last Degree*</label>
                                    <input type="number" class="form-control" name="l_degree" required id="l_degree">
                                </div>
                            </div>
                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="l_minute">Last Minute*</label>
                                    <input type="number" class="form-control" name="l_minute" required id="l_minute">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="rashi_name">Rashi*</label>
                                    <input type="text" class="form-control" name="rashi_name" required
                                        id="rashi_name">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="rashi_number">Rashi Number*</label>
                                    <input type="number" class="form-control" name="rashi_number" required
                                        id="rashi_number">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_charan_eng">Charan Eng*</label>
                                    <input type="text" class="form-control" name="n_charan_eng" required
                                        id="n_charan_eng">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_charan_hindi">Charan Hindi*</label>
                                    <input type="text" class="form-control" name="n_charan_hindi" required
                                        id="n_charan_hindi">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="nadi_eng">Nadi Eng*</label>
                                    <input type="text" class="form-control" name="nadi_eng" required id="nadi_eng">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="nadi_hindi">Nadi Hindi*</label>
                                    <input type="text" class="form-control" name="nadi_hindi" required
                                        id="nadi_hindi">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="yoni_eng">Yoni Eng*</label>
                                    <input type="text" class="form-control" name="yoni_eng" required id="yoni_eng">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="yoni_hindi">Yoni Hindi*</label>
                                    <input type="text" class="form-control" name="yoni_hindi" required
                                        id="yoni_hindi">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="gana_eng">Gana Eng*</label>
                                    <input type="text" class="form-control" name="gana_eng" required id="gana_eng">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="gana_hindi">Gana Hindi*</label>
                                    <input type="text" class="form-control" name="gana_hindi" required
                                        id="gana_hindi">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="vashya_eng">Vashya Eng*</label>
                                    <input type="text" class="form-control" name="vashya_eng" required
                                        id="vashya_eng">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="vashya_hindi">Vashya Hindi*</label>
                                    <input type="text" class="form-control" name="vashya_hindi" required
                                        id="vashya_hindi">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_lord">Lord*</label>
                                    <input type="text" class="form-control" name="n_lord" required id="n_lord">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_symbol_eng">Symbol Eng*</label>
                                    <input type="text" class="form-control" name="n_symbol_eng" required
                                        id="n_symbol_eng">
                                </div>
                            </div>


                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_symbol_hindi">Symbol Hindi*</label>
                                    <input type="text" class="form-control" name="n_symbol_hindi" required
                                        id="n_symbol_hindi">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_deity_eng">Deity Eng*</label>
                                    <input type="text" class="form-control" name="n_deity_eng" required
                                        id="n_deity_eng">
                                </div>
                            </div>


                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_deity_hindi">Deity Hindi*</label>
                                    <input type="text" class="form-control" name="n_deity_hindi" required
                                        id="n_deity_hindi">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_varna_eng">Varna Eng*</label>
                                    <input type="text" class="form-control" name="n_varna_eng" required
                                        id="n_varna_eng">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_varna_hindi">Varna Hindi*</label>
                                    <input type="text" class="form-control" name="n_varna_hindi" required
                                        id="n_varna_hindi">
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="modal-footer justify-content-between">

                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- add modal end -->
    <!-- edit modal start -->
    <div class="modal fade" id="edit_blog_modal">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form id="nakshatraEditForm" method="post" action="{{ route('saveNakshatra') }}"
                    enctype="multipart/form-data" novalidate>
                    @csrf
                    <input type="hidden" name="id" id="id">
                    <div class="modal-header">
                        <h5 class="modal-title">Edit Nakshatra</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_id">N.ID*</label>
                                    <input type="number" class="form-control" name="n_id" required id="n_id1">
                                </div>
                            </div>
                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_name">Name*</label>
                                    <input type="text" class="form-control" name="n_name" required id="n_name1">
                                </div>
                            </div>
                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_pada">Pada*</label>
                                    <input type="number" class="form-control" name="n_pada" required id="n_pada1">
                                </div>
                            </div>
                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="s_degree">Starting Degree*</label>
                                    <input type="number" class="form-control" name="s_degree" required id="s_degree1">
                                </div>
                            </div>
                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="s_minute">Starting Minute*</label>
                                    <input type="number" class="form-control" name="s_minute" required id="s_minute1">
                                </div>
                            </div>
                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="l_degree">Last Degree*</label>
                                    <input type="number" class="form-control" name="l_degree" required id="l_degree1">
                                </div>
                            </div>
                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="l_minute">Last Minute*</label>
                                    <input type="number" class="form-control" name="l_minute" required id="l_minute1">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="rashi_name">Rashi*</label>
                                    <input type="text" class="form-control" name="rashi_name" required
                                        id="rashi_name1">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="rashi_number">Rashi Number*</label>
                                    <input type="number" class="form-control" name="rashi_number" required
                                        id="rashi_number1">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_charan_eng">Charan Eng*</label>
                                    <input type="text" class="form-control" name="n_charan_eng" required
                                        id="n_charan_eng1">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_charan_hindi">Charan Hindi*</label>
                                    <input type="text" class="form-control" name="n_charan_hindi" required
                                        id="n_charan_hindi1">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="nadi_eng">Nadi Eng*</label>
                                    <input type="text" class="form-control" name="nadi_eng" required id="nadi_eng1">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="nadi_hindi">Nadi Hindi*</label>
                                    <input type="text" class="form-control" name="nadi_hindi" required
                                        id="nadi_hindi1">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="yoni_eng">Yoni Eng*</label>
                                    <input type="text" class="form-control" name="yoni_eng" required id="yoni_eng1">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="yoni_hindi">Yoni Hindi*</label>
                                    <input type="text" class="form-control" name="yoni_hindi" required
                                        id="yoni_hindi1">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="gana_eng">Gana Eng*</label>
                                    <input type="text" class="form-control" name="gana_eng" required id="gana_eng1">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="gana_hindi">Gana Hindi*</label>
                                    <input type="text" class="form-control" name="gana_hindi" required
                                        id="gana_hindi1">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="vashya_eng">Vashya Eng*</label>
                                    <input type="text" class="form-control" name="vashya_eng" required
                                        id="vashya_eng1">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="vashya_hindi">Vashya Hindi*</label>
                                    <input type="text" class="form-control" name="vashya_hindi" required
                                        id="vashya_hindi1">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_lord">Lord*</label>
                                    <input type="text" class="form-control" name="n_lord" required id="n_lord1">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_symbol_eng">Symbol Eng*</label>
                                    <input type="text" class="form-control" name="n_symbol_eng" required
                                        id="n_symbol_eng1">
                                </div>
                            </div>


                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_symbol_hindi">Symbol Hindi*</label>
                                    <input type="text" class="form-control" name="n_symbol_hindi" required
                                        id="n_symbol_hindi1">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_deity_eng">Deity Eng*</label>
                                    <input type="text" class="form-control" name="n_deity_eng" required
                                        id="n_deity_eng1">
                                </div>
                            </div>


                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_deity_hindi">Deity Hindi*</label>
                                    <input type="text" class="form-control" name="n_deity_hindi" required
                                        id="n_deity_hindi1">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_varna_eng">Varna Eng*</label>
                                    <input type="text" class="form-control" name="n_varna_eng" required
                                        id="n_varna_eng1">
                                </div>
                            </div>

                            <div class="col-sm-4 col-md-4 col-lg-4 ">
                                <div class="form-group">
                                    <label for="n_varna_hindi">Varna Hindi*</label>
                                    <input type="text" class="form-control" name="n_varna_hindi" required
                                        id="n_varna_hindi1">
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="modal-footer justify-content-between">
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- edit modal end -->
    <!-- view modal start -->
    <div class="modal fade" id="view_blog_modal">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form method="post">
                    <div class="modal-header">
                        <h5 class="modal-title">Nakshatra Details</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body" id="detailContent">
                    </div>
                    <div class="modal-footer justify-content-between">
                        <!-- <button type="button" class="btn btn-primary" data-dismiss="modal">No</button>
                      <button type="button" class="btn btn-danger" onclick="ajax_delete_item();" >Yes, Delete</button> -->
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- view modal end -->
    <!-- import csv file to add nakshatra start -->
    <div class="modal fade" id="csv_add_blog_modal">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form id="addCsvForm" method="post" action="{{ route('importNakshatra') }}"
                    enctype="multipart/form-data" novalidate>
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title">Import Csv - Nakshatra</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-sm-6 col-md-6 col-lg-6 ">
                                <div class="form-group mb-4">
                                    <div class="custom-file text-left">
                                        <input type="file" name="csv_file" class="custom-file-input" id="csv_file">
                                        <label class="custom-file-label" for="csv_file">Choose file</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-6 col-lg-6 ">
                                <a class="btn btn-success csvSample"
                                    href="{{ route('sample-file-download-nakshatra') }}">Download Sample</a>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer justify-content-between">
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- import csv file to add nakshatra end -->
@endsection
@section('footer')

    <script type="text/javascript">
        $(document).ready(function() {
            $('#multi-column-ordering').DataTable({
                processing: true,
                serverSide: true,
                stateSave: true,
                ajax: "{{ route('getNakshatraList') }}",
                columns: [{
                        data: 'checkall',
                        orderable: false,
                        searchable: false
                    },
                    {
                        data: 'serial_no',
                        orderable: false,
                        searchable: false
                    },
                    {
                        data: 'n_id'
                    },
                    {
                        data: 'n_name'
                    },
                    {
                        data: 'n_pada'
                    },
                    {
                        data: 'degree'
                    },
                    // { data: 's_degree' },
                    // { data: 's_minute' },
                    // { data: 'l_degree' },
                    // { data: 'l_minute' },
                    {
                        data: 'rashi_name'
                    },
                    {
                        data: 'rashi_number'
                    },
                    {
                        data: 'n_charan_eng'
                    },
                    {
                        data: 'n_charan_hindi'
                    },
                    {
                        data: 'nadi_eng'
                    },
                    {
                        data: 'nadi_hindi'
                    },
                    {
                        data: 'yoni_eng'
                    },
                    {
                        data: 'yoni_hindi'
                    },
                    {
                        data: 'gana_eng'
                    },
                    {
                        data: 'gana_hindi'
                    },
                    {
                        data: 'vashya_eng'
                    },
                    {
                        data: 'vashya_hindi'
                    },
                    {
                        data: 'n_lord'
                    },
                    {
                        data: 'n_symbol_eng'
                    },
                    {
                        data: 'n_symbol_hindi'
                    },
                    {
                        data: 'n_deity_eng'
                    },
                    {
                        data: 'n_deity_hindi'
                    },
                    {
                        data: 'n_varna_eng'
                    },
                    {
                        data: 'n_varna_hindi'
                    },
                    {
                        data: 'status'
                    },
                    {
                        data: 'created_at'
                    },
                    {
                        data: 'action',
                        orderable: false,
                        searchable: false
                    },
                ],
                order: [
                    [2, 'asc']
                ],
                drawCallback: function(settings) {

                    var response = settings.json;
                    // $('#totalRecords').text(response.totalRecords);
                    // $('#activeRecords').text(response.activeRecords);
                    // $('#inactiveRecords').text(response.inactiveRecords);
                    // $('#deletedRecords').text(response.deletedRecords);
                    console.log(response);
                    updateIcon()

                },
            });


            /*ajax header setup*/
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
        });





        function addModal() {
            $("#add_blog_modal").modal('show');
        }

        function view_item(id) {
            let _url = "{{ route('getNakshatraDetails') }}";
            let _token = $('meta[name="csrf-token"]').attr('content');
            $.ajax({
                url: _url,
                type: 'POST',
                data: {
                    id: id,
                    _token: _token
                },
                success: function(response) {
                    console.log(response);
                    let result = JSON.parse(response);
                    if (result.status) {
                        var itemDetails = result.data;
                        if (itemDetails.status == 1) {
                            var status = 'Active';
                        } else {
                            var status = 'In-active';
                        }

                        var d = new Date(itemDetails.created_at);
                        var created_at = d.toDateString() + ', ' + d.getUTCHours() + ':' + d.getUTCMinutes() +
                            ':' + d.getUTCSeconds();
                        // var created_at = d.toUTCString();

                        var degree = itemDetails.s_degree + '°' + itemDetails.s_minute + "'-" + itemDetails
                            .l_degree + '°' + itemDetails.l_minute + "'";

                        $('#detailContent').html('');
                        $('#detailContent').append(
                            '<div class="table-responsive"><table class="table table-bordered"><tr><th>N.ID</th><td>' +
                            itemDetails.n_id + '</td><th>Name</th><td>' + itemDetails.n_name +
                            '</td></tr><tr><th>Pada</th><td>' + itemDetails.n_pada +
                            '</td><th>Degree</th><td>' + degree + '</td></tr><tr><th>Rashi</th><td>' +
                            itemDetails.rashi_name + '</td><th>Rashi Number</th><td>' + itemDetails
                            .rashi_number + '</td></tr><tr><th>Charan Eng</th><td>' + itemDetails
                            .n_charan_eng + '</td><th>Charan Hindi</th><td>' + itemDetails.n_charan_hindi +
                            '</td></tr><tr><th>Nadi Eng</th><td>' + itemDetails.nadi_eng +
                            '</td><th>Nadi Hindi</th><td>' + itemDetails.nadi_hindi +
                            '</td></tr><tr><th>Yoni Eng</th><td>' + itemDetails.yoni_eng +
                            '</td><th>Yoni Hindi</th><td>' + itemDetails.yoni_hindi +
                            '</td></tr><tr><th>Gana Eng</th><td>' + itemDetails.gana_eng +
                            '</td><th>Gana Hindi</th><td>' + itemDetails.gana_hindi +
                            '</td></tr><tr><th>Vashya Eng</th><td>' + itemDetails.vashya_eng +
                            '</td><th>Vashya Hindi</th><td>' + itemDetails.vashya_hindi +
                            '</td></tr><tr><th>Lord</th><td>' + itemDetails.n_lord +
                            '</td><th>Symbol Eng</th><td>' + itemDetails.n_symbol_eng +
                            '</td></tr><tr><th>Symbol Hindi</th><td>' + itemDetails.n_symbol_hindi +
                            '</td><th>Deity Eng</th><td>' + itemDetails.n_deity_eng +
                            '</td></tr><tr><th>Deity Hindi</th><td>' + itemDetails.n_deity_hindi +
                            '</td><th>Varna Eng</th><td>' + itemDetails.n_varna_eng +
                            '</td></tr><tr><th>Varna Hindi</th><td>' + itemDetails.n_varna_hindi +
                            '</td><th>Status</th><td>' + status +
                            '</td></tr><tr><th>Created Date</th><td>' + created_at +
                            '</td></tr></table></div>');

                        $("#view_blog_modal").modal('show');
                    } else {
                        myFaildToast('Something went wrong.');
                    }
                }
            });


        }

        function edit_item(id) {
            let _url = "{{ route('getNakshatraDetails') }}";
            let _token = $('meta[name="csrf-token"]').attr('content');
            $.ajax({
                url: _url,
                type: 'POST',
                data: {
                    id: id,
                    _token: _token
                },
                success: function(response) {
                    console.log(response);
                    let result = JSON.parse(response);
                    if (result.status) {
                        // var itemDetails = result.data;
                        console.log(result.data.sign_name);
                        $('#id').val(result.data.id);

                        $('#n_id1').val(result.data.n_id);
                        $('#n_name1').val(result.data.n_name);
                        $('#n_pada1').val(result.data.n_pada);
                        $('#s_degree1').val(result.data.s_degree);
                        $('#s_minute1').val(result.data.s_minute);
                        $('#l_degree1').val(result.data.l_degree);
                        $('#l_minute1').val(result.data.l_minute);
                        $('#rashi_name1').val(result.data.rashi_name);
                        $('#rashi_number1').val(result.data.rashi_number);
                        $('#n_charan_eng1').val(result.data.n_charan_eng);
                        $('#n_charan_hindi1').val(result.data.n_charan_hindi);
                        $('#nadi_eng1').val(result.data.nadi_eng);
                        $('#nadi_hindi1').val(result.data.nadi_hindi);
                        $('#yoni_eng1').val(result.data.yoni_eng);
                        $('#yoni_hindi1').val(result.data.yoni_hindi);
                        $('#gana_eng1').val(result.data.gana_eng);
                        $('#gana_hindi1').val(result.data.gana_hindi);
                        $('#vashya_eng1').val(result.data.vashya_eng);
                        $('#vashya_hindi1').val(result.data.vashya_hindi);
                        $('#n_lord1').val(result.data.n_lord);
                        $('#n_symbol_eng1').val(result.data.n_symbol_eng);
                        $('#n_symbol_hindi1').val(result.data.n_symbol_hindi);
                        $('#n_deity_eng1').val(result.data.n_deity_eng);
                        $('#n_deity_hindi1').val(result.data.n_deity_hindi);
                        $('#n_varna_eng1').val(result.data.n_varna_eng);
                        $('#n_varna_hindi1').val(result.data.n_varna_hindi);

                        $("#edit_blog_modal").modal('show');
                    } else {
                        myFaildToast('Something went wrong.');
                    }
                }
            });
        }
    </script>
    <!-- form validation start -->
    <script>
        $("#nakshatraForm").validate({
            // rules: {
            //   field: {
            //     required: true,
            //   }
            // }
        });


        $("#nakshatraEditForm").validate({
            // rules: {
            //   field: {
            //     required: true,
            //   }
            // }
        });


        $("#addCsvForm").validate({});
    </script>
    <!-- form validation end -->

    <!-- add csv modal start -->
    <script type="text/javascript">
        function csvAddModal() {
            $("#csv_add_blog_modal").modal('show');
        }
    </script>
    <!-- add csv modal end -->
    <script>
        // Add the following code if you want the name of the file appear on select
        $(".custom-file-input").on("change", function() {
            var fileName = $(this).val().split("\\").pop();
            $(this).siblings(".custom-file-label").addClass("selected").html(fileName);
        });
    </script>


    <!-- check all record start -->
    <script type="text/javascript">
        $("#contact-check-all").click(function() {
            $('input:checkbox[name="multicheck[]"]').not(this).prop('checked', this.checked);
        });


        function multiple_del() {
            var multicheck = []
            $("input[name='multicheck[]']:checked").each(function() {
                multicheck.push(parseInt($(this).val()));
            });
            if (multicheck.length > 0) {
                Swal.fire({
                    title: 'Are you sure?',
                    text: "Do you want to delete selected nakshatra!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                                url: "{{ route('nakshatra-multipleDel') }}",
                                method: 'post',
                                data: {
                                    ids: multicheck
                                },
                            })
                            .done(function(obj) {
                                console.log(obj);
                                let result = JSON.parse(obj);
                                if (result.status) {
                                    mySuccessToast(result.message);
                                    setTimeout(() => {
                                        $('#contact-check-all').prop('checked', false);
                                    }, 500);
                                } else {
                                    myFaildToast('Something went wrong.');
                                }
                                $('#multi-column-ordering').DataTable().ajax.reload();
                            });
                    }
                })
            } else {
                myFaildToast('Please select a record.');
            }


        }

        function multiple_active() {
            var multicheck = []
            $("input[name='multicheck[]']:checked").each(function() {
                multicheck.push(parseInt($(this).val()));
            });
            if (multicheck.length > 0) {
                Swal.fire({
                    title: 'Are you sure?',
                    text: "Do you want to make active selected nakshatra!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                                url: "{{ route('nakshatra-multipleActive') }}",
                                method: 'post',
                                data: {
                                    ids: multicheck
                                },
                            })
                            .done(function(obj) {
                                console.log(obj);
                                let result = JSON.parse(obj);
                                if (result.status) {
                                    mySuccessToast(result.message);
                                    setTimeout(() => {
                                        $('#contact-check-all').prop('checked', false);
                                    }, 500);

                                } else {
                                    myFaildToast('Something went wrong.');
                                }
                                $('#multi-column-ordering').DataTable().ajax.reload();
                            });

                    }
                })
            } else {
                myFaildToast('Please select a record.');
            }


        }

        function multiple_deactive() {
            var multicheck = []
            $("input[name='multicheck[]']:checked").each(function() {
                multicheck.push(parseInt($(this).val()));
            });
            if (multicheck.length > 0) {
                Swal.fire({
                    title: 'Are you sure?',
                    text: "Do you want to make deactive selected records!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                                url: "{{ route('nakshatra-multipleDeactive') }}",
                                method: 'post',
                                data: {
                                    ids: multicheck
                                },
                            })
                            .done(function(obj) {
                                console.log(obj);
                                let result = JSON.parse(obj);
                                if (result.status) {
                                    mySuccessToast(result.message);
                                    setTimeout(() => {
                                        $('#contact-check-all').prop('checked', false);
                                    }, 500);
                                } else {
                                    myFaildToast('Something went wrong.');
                                }
                                $('#multi-column-ordering').DataTable().ajax.reload();
                            });

                    }
                })
            } else {
                myFaildToast('Please select a record.');
            }


        }
    </script>
    <!-- footer script if required -->
@endsection