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

    <div class="row">

        <div class="col-md-10">
            <div class="card ">
                <div class='card-header'>
                    <div class="title-block">
                        <h3 class="title">Create New Project</h3>
                    </div>
                </div>

                <form action="{{ action('Crm\Controller\ProjectManager@saveProject') }}" method="post">
                    {{ csrf_field() }}
                    <div class="card-body ">
                        <div class="row">
                            @if (session('err_msg'))
                                <div class="col-md-12">
                                    <div class="alert alert-info">
                                        {{ session('err_msg') }}
                                    </div>
                                </div>
                            @endif
                        </div>
                        <div class="form-row">
                            <div class="col-md-12">
                                <label for="exampleFormControlInput1" class="form-label">Project Name</label>
                                <input type="text" required class="form-control" name="name"
                                       placeholder="Name of project">
                            </div>
                            <div class="col-md-8">
                                <label for="exampleFormControlTextarea1" class="form-label">Project Location</label>
                                <input type="text" required class="form-control" name="location"
                                       placeholder="Location of project">
                            </div>

                            <div class="col-md-4">
                                <label for="exampleFormControlInput1" class="form-label">Start Date</label>
                                <input type="text" readonly required class="form-control pcalendar" name="date"
                                       placeholder="dd-mm-yyyy">
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="col-md-6">
                                <label for="exampleFormControlTextarea1" class="form-label">Budget Type</label>
                                <select class="form-control" name='budgettype' id='selectbudget'>
                                    <option value="budgeted">Budgeted Project</option>
                                    <option value="non-budgeted">Non budgeted Project</option>
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label for="exampleFormControlTextarea1" class="form-label">Estimated Cost</label>
                                <input type="number" required step='any' min='0' class="form-control" id='cost'
                                       name="cost" placeholder="Estimated project cost">
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="col-md-12">
                                <label for="exampleFormControlTextarea1" class="form-label">Project Description</label>
                                <textarea class="form-control" required name="description" rows="3"></textarea>
                            </div>
                        </div>

                        <div class="form-row mt-2">
                            <div class="col-md-12">
                                <button type="submit" value='save' name='btnsave' class="btn btn-primary">Create
                                    Project
                                </button>
                            </div>
                        </div>
                    </div>


            </div>
            </form>

        </div>


        <div class="col-md-8">
        </div>
    </div>

@endsection


@section('script')

    <script>

        $(".btnedit").on('click', function () {

            $rowid = $(this).attr("data-rowid");

            $("#tb_did").val($("#tr-" + $rowid + " td:nth-child(1)").html());
            $("#tb_dname").val($("#tr-" + $rowid + " td:nth-child(2)").html());
            $("#ta_desc").val($("#tr-" + $rowid + " td:nth-child(3)").html());

        });

        $(".btndel").on('click', function () {

            var key = $(this).attr("data-key");
            $("#key").val(key);
            $widget = $(this).attr("data-widget");
            $("#widget-" + $widget).modal('show');

        });


        $(document).on("change", ".switch", function () {
            var confirm = "no";
            var day = $(this).attr("data-day");
            if ($(this).is(":checked") == true) {
                confirm = "yes";
            }


            var json = {};
            json['day'] = day;
            json['confirm'] = confirm;
            json['action'] = 'save';


            $.ajax({
                type: 'post',
                url: api + "v1/admin/web/configuration/save-weekdays",
                data: json,
                success: function (data) {
                    data = $.parseJSON(data);

                },
                error: function () {
                    $(".loading_span").html(" ");
                    alert('Something went wrong, please try again');
                }
            });
        })


        $("#selectbudget").change(function () {

            if (this.value == "budgeted") {
                $("#cost").removeAttr("disabled");
            } else {
                $("#cost").attr("disabled", "disabled");
            }

        });


    </script>

@endsection