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

@php
    $breach_statuses = [true => 'With Breach', false => 'Without Breach']
@endphp


<div class="page-header">
    <div>
        <h1>Enquiries <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 class="float-end">
            <button type="button" class="modal-effect btn btn-info d-grid mb-3" data-bs-effect="effect-scale" data-bs-toggle="modal" id="createNewProjectList" data-bs-target="#ProjectListModel">Add Lead</button>
        </div>
    </div>

</div>


<div class="content mt-3">

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

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

                <div class="row mb-3">

                    <div class="col-md-3 mb-3 form-group">
                        <label for="" class="col-form-label">Verification SLA</label>
                        {{ Form::select('is_processed_sla_breach', [''=>'Select Breach Status']+$breach_statuses, '', ['class'=>'standardSelect form-control', 'title'=>'Select Breach Status', 'data-live-search'=>'true', 'id'=>'is_processed_sla_breach' , 'data-dropup-auto'=>'false', 'data-size'=>'5']) }}
                    </div>
                    <div class="col-md-3 mb-3 form-group">
                        <label for="" class="col-form-label">TCO SLA</label>
                        {{ Form::select('is_confirmed_sla_breach', [''=>'Select Breach Status']+$breach_statuses, '', ['class'=>'standardSelect form-control', 'title'=>'Select Breach Status', 'data-live-search'=>'true', 'id'=>'is_confirmed_sla_breach' , 'data-dropup-auto'=>'false', 'data-size'=>'5']) }}
                    </div>
                    <div class="col-md-3 mb-3 form-group">
                        <label for="" class="col-form-label">Status</label>
                        {{ Form::select('status', [''=>'Select Status']+$statuses['options'], '', ['class'=>'standardSelect form-control', 'title'=>'Select Status', 'data-live-search'=>'true', 'id'=>'status' , 'data-dropup-auto'=>'false', 'data-size'=>'5']) }}
                    </div>

                    {{--
                    <div class="col-md-4 mb-3 form-group">
                        {{ Form::select('source', [''=>'Select Source']+$sources['options'], '', ['class'=>'standardSelect form-control', 'title'=>'Select Source', 'data-live-search'=>'true', 'id'=>'source_id' , 'data-dropup-auto'=>'false', 'data-size'=>'5']) }}
                    </div>
                    --}}

                    <div class="col-md-3 mb-3 form-group">
                        <label for="" class="col-form-label">Priority</label>
                        {{ Form::select('priority', [''=>'Select Priority']+$priorities['options'], '', ['class'=>'standardSelect form-control', 'title'=>'Select Priority', 'data-live-search'=>'true', 'id'=>'priority' , '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>Enquiry Code</th>
                                <th>Name</th>
                                <th>Phone</th>
                                <th>Business Name</th>
                                <th>Lead Owner</th>
                                <th>Project Type</th>
                                <th>Capacity</th>
                                <th>Last Updated At</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

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

@include('view-modals/project_lead_addedit')

@stop


@section('scripting')

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

        $(".standardSelect").selectpicker();

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

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

            processing: true,
            serverSide: true,
            searchDelay: 1200,
            ajax: {
                data: function(d) {
                    d.status = $('#status').val();
                    d.is_processed_sla_breach = $('#is_processed_sla_breach').val();
                    d.is_confirmed_sla_breach = $('#is_confirmed_sla_breach').val();
                    d.priority = $('#priority').val();
                    d._token = "{{ csrf_token() }}";
                },
                url: "{{ url('getProjectLeadsData') }}",
                type: "GET",
                dataType: 'json',
            },
            columns: [{
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'enquiry_code',
                    name: 'enquiry_code'
                },
                {
                    data: 'name',
                    name: 'name'
                },
                {
                    data: 'phone',
                    name: 'phone'
                },
                {
                    data: 'business_name',
                    name: 'business_name'
                },

                {
                    data: 'lead_owner',
                    name: 'lead_owner'
                },
                {
                    data: 'project_type',
                    name: 'project_type'
                },
                {
                    data: 'capacity',
                    name: 'capacity'
                },
                {
                    data: 'updated_at',
                    name: 'updated_at',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'action',
                    name: 'action',
                    orderable: false,
                    searchable: false
                },
            ],

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

        });


        $('#is_processed_sla_breach').change(function(e) {
            $(".data-table").DataTable().ajax.reload();
        });

        $('#is_confirmed_sla_breach').change(function(e) {
            $(".data-table").DataTable().ajax.reload();
        });

        $('#status').change(function(e) {
            $(".data-table").DataTable().ajax.reload();
        });

        $('#priority').change(function(e) {
            $(".data-table").DataTable().ajax.reload();
        });


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

            swal({
                    title: "Are you sure?",
                    text: "Once deleted, you will not be able to recover this imaginary file!",
                    icon: "warning",
                    buttons: true,
                    dangerMode: true,
                })
                .then((willDelete) => {
                    if (willDelete) {

                        $.ajax({
                            type: "GET",
                            url: "{{ url('project_lead/delete') }}" + '/' + product_id,
                            success: function(data) {
                                table.draw();
                                swal("Great! Enquiry has been deleted!", {
                                    icon: "success",
                                });
                            },
                            error: function(data) {
                                console.log('Error:', data);
                            }
                        });
                    } else {
                        swal("Your Enquiry delete request Cancelled!")
                    }

                });
        });


        $('#createNewProjectList').click(function() {
            reset_modal();
            $('#saveBtn').val("Create");
            $('#status').val('').trigger("chosen:updated");
            $('#dataForm').trigger("reset");
            $('#modelHeading').html("Create New Enquiry");
            $('#ajaxModel').modal('show');
        });

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

            $.get("{{ url('project_lead/edit') }}" + '/' + product_id, function(data) {
                console.log(data.account.source);
                $('#ajaxModel').modal('show');
                $('#modelHeading').html("Update Enquiry Status");

                $('#account_id').val(data.account_id);
                $('#project_lead_id').val(data.id);
                $('#name').val(data.account.name);
                $('#business_name').val(data.account.business_name);
                $('#email').val(data.account.primary_email);
                $('#phone').val(data.account.primary_phone);
                $('#source').val(data.account.source);
                $('#lead_owner').val(data.account.lead_owner);
                $('#project_type_id').val(data.project_type_id);
                $('#plant_type').val(data.plant_type);
                $('#entity_type').val(data.entity_type);
                $('#type').val(data.type);
                $('#project_template_id').val(data.project_template_id);
                $('#capacity').val(data.capacity);
                $('#remarks').val(data.remarks);
                $('#status_id').val(data.status);
                $('.standardSelect').selectpicker('refresh');
            })
        });


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

            $.ajax({
                data: $('#dataForm').serialize(),
                url: "{{ url('project_lead/store') }}",
                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');
                }
            });
        });

    });


    function reset_modal() {

        $('#dataForm')[0].reset();
        $("#dataForm").find(".is-invalid, .has-error").removeClass("is-invalid has-error");
        $("#dataForm").find(".error-msg, .error-text").html("");

        $("#cat_id").val("");
        $("name").val("");
        //$('#status').val("").trigger("chosen:updated");
        $('#status').val("");
        $('.standardSelect').selectpicker('refresh');

        $("#name").removeClass("is-invalid");
        $("#country_id_fk").removeClass("is-invalid");
        $("#status").removeClass("is-invalid");

        $("#name-error").html("");
        $("#country_id_fk-error").html("");
        $("#status-error").html("");

        $('#saveBtn').html('Save Changes');
    }
</script>


@endsection