@extends('layouts.app')
@section('content')

@php $priorities = ['P0'=>'P0', 'P1'=>'P1', 'P2'=>'P2','P3'=>'P3', 'P4'=>'P4']; @endphp


<div class="page-header">
    <div>
        <h1>Sites <small>List & Management</small></h1>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="#">Home</a></li>
            <li class="breadcrumb-item active" aria-current="page">Dashboard</li>
        </ol>
    </div>

    <div class="float-end">

    </div>
</div>


<div class="content mt-3">

    <div class="card shadow mb-4">

        <div class="card-header">
            <strong>Sites List</strong>
        </div>

        <div class="card-body">
            <div class="">

                <div class="row mb-3">

                    {{-- <div class="col-md-4 mb-3 form-group">
                        {{ Form::select('lead_stage_id', [''=>'Select Stage']+$stages, $stage_param, ['class'=>'standardSelect form-control', 'title'=>'Select Stage', 'data-live-search'=>'true', 'id'=>'lead_stage_id' , 'data-dropup-auto'=>'false', 'data-size'=>'5']) }}
                </div>
                <div class="col-md-4 mb-3 form-group">
                    {{ Form::select('priority', [''=>'Select Priority']+$priorities, '', ['class'=>'standardSelect form-control', 'title'=>'Select Priority', 'data-live-search'=>'true', 'id'=>'priority' , 'data-dropup-auto'=>'false', 'data-size'=>'5']) }}
                </div>
                <div class="col-md-4 mb-3 form-group">
                    {{ Form::select('assigned_to', [''=>'Select Consultant']+$users, '', ['class'=>'standardSelect form-control', 'title'=>'Select Consultant', 'data-live-search'=>'true', 'id'=>'assigned_to' , 'data-dropup-auto'=>'false', 'data-size'=>'5']) }}
                </div> --}}
            </div>
            <div class="table-responsive">
                <table class="table table-bordered data-table" id="dataTable" width="100%" cellspacing="0">
                    <thead>
                        <tr>
                            <th>Sr.</th>
                            <th>Account Name</th>
                            <th>Project Name</th>
                            <th>Site No</th>
                            <th>Site Name</th>
                            <th>Last Updated At</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

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

@include('view-modals/add_discom_details')

@stop


@section('scripting')

<script type="text/javascript">
    $(document).ready(function() {


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

        var table = $('.data-table').DataTable({

            processing: true,
            serverSide: true,
            // ajax: "{{ url('getleadsData') }}",
            ajax: {
                data: function(d) {
                    d.project_id = $('#project_id').val();
                    d._token = "{{ csrf_token() }}";
                },
                url: "{{ url('handover/get_handover_sites_data') }}",
                type: "POST",
                dataType: 'json',
            },
            columns: [{
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex'
                },
                {
                    data: 'account_name',
                    name: 'account_name'
                },
                {
                    data: 'project_name',
                    name: 'project_name'
                },
                {
                    data: 'title',
                    name: 'title'
                },
                {
                    data: 'site_name',
                    name: 'site_name'
                },
                {
                    data: 'updated_at',
                    name: 'updated_at',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'action',
                    name: 'action',
                    orderable: false,
                    searchable: false
                },
            ],

            language: {
                search: "_INPUT_",
                searchPlaceholder: "Search records",
            },

        });

        table.on('draw', function() {
            $('[data-toggle="tooltip"]').tooltip({
                placement: 'top',
            });
        });



        $('#saveBtn').click(function(e) {
            e.preventDefault();
            $(this).html('Sending..');

            $.ajax({
                data: $('#dataForm').serialize(),
                url: "{{ url('metering/store_discom_details') }}",
                type: "POST",
                dataType: 'json',

                success: function(data) {
                    $('#dataForm').trigger("reset");
                    $('#ajaxModel').modal('hide');
                    table.draw();
                    swal({
                        title: "Good job!",
                        text: data.msg,
                        icon: "success",
                    });
                },
                error: function(data) {
                    if (data.status == 422) {
                        var x = data.responseJSON;
                        $.each(x.errors, function(index, value) {
                            $("#" + index).addClass("is-invalid");
                            $("#" + index + "-error").html(value[0]);
                        });
                    }
                    $('#saveBtn').html('Save Changes');
                }
            });
        });



        $('body').on('click', '.editProduct', function() {
            var product_id = $(this).data('id');

            $.get("{{ url('get_discom_url_details') }}" + '/' + product_id, function(data) {
                $('#ajaxModel').modal('show');
                $('#modelHeading').html("Update DISCOM URL");
                $('#site_id').val(data.id);
                $('#discom_url').val(data.discom_url);
                $('#discom_remarks').val(data.discom_remarks);
                $('.standardSelect').selectpicker('refresh');
            })
        });


    });
</script>


@endsection