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

    <div class="row">

        <div class="col-md-12">
            <div class="card ">
                <div class='card-header'>
                    <div class="title-block">
                        <h3 class="title">Manpower Allocation for project</h3>
                    </div>
                </div>

                <form action="{{ action('Crm\Controller\ProjectManager@saveManpowerUnderProject') }}" 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>

                        <small id="alert" class="text-danger"></small>
                        <div class="form-row">

                            <div class="col-md-8" id="expensesuser">
                                <label>Select Worker/Staff to Add to project:</label>
                                <select class="form-control category" name="staffid" id="staffid">
                                    @foreach($workers as $worker)
                                        <option value="{{ $worker->id  }}">{{ $worker->fullname }}
                                            ({{ $worker->address }})
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-md-4">

                                <label>Designation in project:</label>
                                <select class="form-control category" name="designation" id="designation">
                                    <option value="worker">Worker</option>
                                    <option value="supervisor">Supervisor</option>
                                    <option value="mistry">Mistry</option>
                                    <option value="architech">Architech</option>
                                    <option value="engineer">Engineer</option>
                                    <option value="consultant">Consultant</option>
                                </select>
                            </div>


                        </div>
                        <div class="form-row">
                            <div class="col-md-4" id="expensesuser">
                                <label>Daily Fee/Wages:</label>
                                <input type="number" step="any" min=0 class="form-control" name="dayfee" id="dayfee"
                                       value='0.00'>
                            </div>

                            <div class="col-md-4" id="expensesuser">
                                <label>Monthly Fee/Wages:</label>
                                <input type="number" step="any" min=0 class="form-control" name="monthfee" id="monthfee"
                                       value='0.00'>
                            </div>


                            <div class="col-md-4" id="expensesuser">
                                <label>Add on:</label>
                                <input type="date" class="form-control" name="addedon" id="addedon"
                                       placeholder="dd-mm-yyyy" min="1997-01-01" max="2030-12-31">

                            </div>

                        </div>

                        <div class="form-row mt-2">
                            <div class="col-md-2"><input type="hidden" name="projectid"
                                                         value="">
                                <button class="btn btn-primary btnsaveExpenses" name="btn_save" value="save">Save
                                </button>
                            </div>
                        </div>


                    </div>


            </div>
            </form>


            <div class="card mt-5">
                <div class="card-header">
                    <div class="title-block">
                        <h3 class="title">Workers In The Project</h3>
                    </div>
                </div>

                <div class="card-body">
                    @if(isset($project_workers) && count($project_workers) > 0)
                        <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                            <thead>
                            <tr>
                                <th>Name</th>
                                <th>Designation</th>
                                <th>Added On</th>
                                <th>Daily Fee/Wage</th>
                                <th>Monthly Fee/Wage</th>

                            </tr>
                            </thead>


                            @foreach($project_workers as $item)
                                <tr id='tr-{{ $item->id }}'>
                                    <td>{{ $item->fullname }}</td>
                                    <td>{{ $item->designation }}</td>
                                    <td>{{ $item->added_on }}</td>
                                    <td>{{ $item->day_fee }} ₹</td>
                                    <td>{{ $item->month_fee }} ₹</td>


                                </tr>
                            @endforeach
                        </table>
                    @else
                        <div class="col-md-12 ">
                            <div class="alert alert-info">
                                No staff/worker added yet!
                            </div>
                        </div>
                    @endif

                </div>
            </div>


        </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');
                }
            });


        })


    </script>

@endsection