@include('new_layouts.header')
<style>
.card {
	/* regular */
	box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.14);
	border-radius: .375rem;
}
.card-wrapper {
	margin-top: 40px;
	margin-bottom: 40px;
	display: flex;
	flex-direction: column;
}
.card-body {
	padding-top: 40px;
}

.card-label {
	background: linear-gradient(to bottom,  hsl(220, 65%, 25%), hsl(220, 65%, 20%));
	color: white;
	font-weight: 300;	
	border: none;
	outline: none;
	box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.14);
	border-radius: .375rem;
	display: inline-block;
	font-size: 1.0rem;
	margin-left: 10px;
	margin-right: auto;
	text-align: center;
	line-height: 2.5rem;
	margin-bottom: -25px;
	padding-left: 10px;
	padding-right: 10px;
    z-index: 1;
}

.debug-mode-1 {
	border: 1.5px solid red;
}

.debug-mode-2 {
	border: 1.5px solid yellow;
}

.debug-mode-3 {
	border: 1.5px solid blue;
}

.card-wrapper {
	/* 	border: 2px solid red; */
}
</style>
<div class="page-wrapper">
    @include('construction_project.side-menu')

    <div class="container-fluid m-3">
        <div class="row row-cards">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="container">
                            <form action="{{route('con_taskupdate')}}" method="POST" enctype="multipart/form-data">
                                @csrf 
                                <div class="row min-750" id="taskboard_view">
                                    <div class="col-6">
                                        <div class="form-group">
                                            <input type="hidden" id="setHoliday" value="{{$get_all_dates}}">
                                            <input type="hidden" id="setWeekend"
                                            value="{{ $nonWorkingDay != null ? $nonWorkingDay->non_working_days : ''}}">
                                            {{ Form::label('name', __('Planned Start to End Date'),
                                            ['class' => 'form-label']) }}<span class="text-danger">*</span>
                                            <div class="input-icon">
                                                <span
                                                    class="input-icon-addon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon"
                                                        width="24" height="24" viewBox="0 0 24 24"
                                                        stroke-width="2" stroke="currentColor" fill="none"
                                                        stroke-linecap="round" stroke-linejoin="round">
                                                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                                        <path
                                                        d="M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2
                                                        2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z" />
                                                        <path d="M16 3v4" />
                                                        <path d="M8 3v4" />
                                                        <path d="M4 11h16" />
                                                        <path d="M11 15h1" />
                                                        <path d="M12 15v3" />
                                                    </svg>
                                                </span>
                                                {{ Form::text('get_date', $data['get_date'],
                                                    array('class' => 'form-control month-btn','id' => 'datepicker-icon-prepend'))
                                                }}
                                            </div>
                                        </div>
                                    </div>
                
                                    <div class="col-6">
                                        <div class="form-group">
                                            {{ Form::label('name', __('Actual Workdone % as of Today'),['class' => 'form-label']) }}
                                            <span class="text-danger">*</span>
                                            {{ Form::number('percentage', $data['percentage'],
                                            ['class' => 'form-control','id' => 'percentage',
                                            'required'=>'required','max'=>'100','min'=>'1']) }}
                                            {{ Form::hidden('task_id', $task_id, ['class' => 'form-control','id'=>'task_id']) }}
                                            {{ Form::hidden('user_id', \Auth::user()->id, ['class' => 'form-control']) }}
                                        </div>
                                    </div>
                                    
                                    <div class="col-6">
                                        <label for="input">{{__('Attachments')}}</label>
                                        <input id="upload_file" type="file" class="form-control" name="attachment_file_name[]" multiple>
                                        {{ Form::hidden('existing_file_id', $data['file_id'],
                                        ['class' => 'form-control', 'id' => 'existing_file_id']) }}
                                        <div class="file_name_show">
                                            @php
                                                if($data['filename'] != ""){
                                                    $files = explode(',',$data['filename']);
                                                }
                                                else{
                                                    $files = array();
                                                }
                                            @endphp
                                            @foreach ($files as $file)
                                                <span class="badge badge-primary"
                                                style="background-color:#007bff;margin-top: 5px;">{{$file}}</span> <br>
                                            @endforeach
                                        </div>
                                        <br>
                                    </div>
                                    <div class="col-12">
                                        <div class="form-group">
                                            {{ Form::label('description', __('Description'),
                                            ['class' => 'form-label']) }} <span style='color:red;'>*</span>
                                            {{ Form::textarea('description', $data['description'], ['class' => 'form-control',
                                            'id' => 'tinymce-mytextarea','rows'=>'3','data-toggle' => 'autosize',
                                            'required'=>'required']) }}
                                        </div>
                                    </div>

                                    @php
                                        $contract_subscription = Auth::user()->checkSubscriptionCount('contract_management',1);
                                    @endphp
                                    @if($contract_subscription > 0)
                                        @foreach ($contract_management as $contract)
                                            @php $contract_name = $contract->name; @endphp
                                            <div class="col-6">
                                                <div class="card-wrapper">
                                                    <div class="card-label">{{$contract->text}}</div>
                                                    <div class="card">
                                                        <div class="card-body">
                                                            <div class="form-group">
                                                                <table class="table" border="1" id="{{$contract_name}}_table">
                                                                    <colgroup>
                                                                        <col width="15%"/>
                                                                        <col width="20%"/>
                                                                        <col width="15%"/>
                                                                        <col width="5%"/>
                                                                    </colgroup>
                                                                    <tr>
                                                                        <th style="text-align: center;">{{$contract->t_header}}</th>
                                                                        <th style="text-align: center;">{{$contract->t_header_2}}</th>
                                                                        @if($contract->name == "material")
                                                                            <th style="text-align: center;">Wastage %</th>
                                                                        @else
                                                                            <th style="text-align: center;">Hours</th>
                                                                        @endif
                                                                        <th style="text-align: center;">
                                                                            <button type="button" class="btn btn-info" id="{{$contract_name}}_add_more" onclick="add_more('{{$contract_name}}_table','{{$contract_name}}')">Add</button>
                                                                        </th>
                                                                    </tr>
                                                                    @if ($contract->name == "material")
                                                                        @foreach ($material_used as $mat_k => $mat)
                                                                            <tr class="more_tr role_tr" id="material_tr"{{$mat_k}}>
                                                                                <td>
                                                                                    <select class="form-control material_id_{{$mat_k}}" name="material[material_id][]">
                                                                                        <option value="">Select Material</option>
                                                                                        @foreach ($material as $master_mat)
                                                                                            <option value="{{$master_mat->id}}" @if($mat->material_id == $master_mat->id) selected @endif>{{$master_mat->material_name}}</option>
                                                                                        @endforeach
                                                                                    </select>
                                                                                </td>
                                                                                <td>
                                                                                    <input type="number" class="form-control material_count_{{$mat_k}}" name="material[material_count][]" value="{{$mat->count}}">
                                                                                </td>
                                                                                <td>
                                                                                    <input type="text" class="form-control material_wastage_{{$mat_k}}" name="material[material_wastage][]" value="{{$mat->wastage}}">
                                                                                </td>
                                                                                <td>
                                                                                    <input onclick="remove_row('material_table', 'material', {{$mat_k}})" type="button" style="color: #ff0404;border-radius: 7px;border: 1px solid #e78b8b!important;" class="form-control material_remove" value="remove" data_id='{{$mat_k}}'>
                                                                                </td>
                                                                            </tr>
                                                                        @endforeach
                                                                    @elseif($contract->name == "labour")
                                                                        @foreach ($labour_used as $lab_k => $lab)
                                                                            <tr class="more_tr role_tr" id="labour_tr"{{$lab_k}}>
                                                                                <td>
                                                                                    <select class="form-control labour_id_{{$lab_k}}" name="labour[labour_id][]">
                                                                                        <option value="">Select Labour</option>
                                                                                        @foreach ($labour as $master_lab)
                                                                                            <option value="{{$master_lab->id}}" @if($lab->labour_id == $master_lab->id) selected @endif>{{$master_lab->worker_position}}</option>
                                                                                        @endforeach
                                                                                    </select>
                                                                                </td>
                                                                                <td>
                                                                                    <input type="number" class="form-control labour_count_{{$lab_k}}" name="labour[labour_count][]" value="{{$lab->count}}">
                                                                                </td>
                                                                                <td>
                                                                                    <input type="text" class="form-control labour_hours_{{$lab_k}}" name="labour[labour_hours][]" value="{{$lab->hours}}">
                                                                                </td>
                                                                                <td>
                                                                                    <input onclick="remove_row('labour_table', 'labour', {{$lab_k}})" type="button" style="color: #ff0404;border-radius: 7px;border: 1px solid #e78b8b!important;" class="form-control labour_remove" value="remove" data_id='{{$lab_k}}'>
                                                                                </td>
                                                                            </tr>
                                                                        @endforeach
                                                                    @elseif($contract->name == "equipment")
                                                                        @foreach ($equipment_used as $eq_k => $equ)
                                                                            <tr class="more_tr role_tr" id="equipment_tr"{{$eq_k}}>
                                                                                <td>
                                                                                    <select class="form-control equipment_id_{{$eq_k}}" name="equipment[equipment_id][]">
                                                                                        <option value="">Select Equipment</option>
                                                                                        @foreach ($equipment as $master_eq)
                                                                                            <option value="{{$master_eq->id}}" @if($equ->equipment_id == $master_eq->id) selected @endif>{{$master_eq->equipment_name}}</option>
                                                                                        @endforeach
                                                                                    </select>
                                                                                </td>
                                                                                <td>
                                                                                    <input type="number" class="form-control equipment_count_{{$eq_k}}" name="equipment[equipment_count][]" value="{{$equ->count}}">
                                                                                </td>
                                                                                <td>
                                                                                    <input type="text" class="form-control equipment_hours_{{$eq_k}}" name="equipment[equipment_hours][]" value="{{$equ->hours}}">
                                                                                </td>
                                                                                <td>
                                                                                    <input onclick="remove_row('equipment_table', 'equipment', {{$eq_k}})" type="button" style="color: #ff0404;border-radius: 7px;border: 1px solid #e78b8b!important;" class="form-control equipment_remove" value="remove" data_id='{{$eq_k}}'>
                                                                                </td>
                                                                            </tr>
                                                                        @endforeach
                                                                    @elseif($contract->name == "overhead")
                                                                        @foreach ($overhead_used as $over_k => $over)
                                                                            <tr class="more_tr role_tr" id="overhead_tr"{{$over_k}}>
                                                                                <td>
                                                                                    <select class="form-control overhead_id_{{$over_k}}" name="overhead[overhead_id][]">
                                                                                        <option value="">Select Overhead</option>
                                                                                        @foreach ($overhead as $master_eq)
                                                                                            <option value="{{$master_eq->id}}" @if($over->overhead_id == $master_eq->id) selected @endif>{{$master_eq->overheads_name}}</option>
                                                                                        @endforeach
                                                                                    </select>
                                                                                </td>
                                                                                <td>
                                                                                    <input type="number" class="form-control overhead_count_{{$over_k}}" name="overhead[overhead_count][]" value="{{$over->count}}">
                                                                                </td>
                                                                                <td>
                                                                                    <input type="text" class="form-control overhead_hours_{{$over_k}}" name="overhead[overhead_hours][]" value="{{$over->hours}}">
                                                                                </td>
                                                                                <td>
                                                                                    <input onclick="remove_row('overhead_table', 'overhead', {{$over_k}})" type="button" style="color: #ff0404;border-radius: 7px;border: 1px solid #e78b8b!important;" class="form-control overhead_remove" value="remove" data_id='{{$over_k}}'>
                                                                                </td>
                                                                            </tr>
                                                                        @endforeach
                                                                    @endif
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                                <div class="row">
                                    <div class="modal-footer">
                                        <button type="button" class="btn me-auto" data-bs-dismiss="modal">Close</button>
                                        <input type="submit" value="Update" class="btn btn-primary">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('new_layouts.footer')
    <script src="{{ asset('tinymce/tinymce.min.js') }}"></script>
    <script src="{{ asset('litepicker/litepicker.js') }}"></script>
    <script src="{{ asset('datatable/jquery.dataTables.min.js') }}"></script>

    <script src="{{ asset('tabler/tabler.min.js') }}"></script>
    <script src="{{ asset('theme/demo-theme.min.js') }}"></script>
    <script src="{{ asset('litepicker/litepicker.js') }}"></script>
    <script src="{{ asset('tinymce/tinymce.min.js') }}"></script>

    <script>
        $(document).ready(function() {
            start_range = "{{date('Y-m-d',strtotime($data['con_data']->start_date))}}";
            end_range   = "{{date('Y-m-d',strtotime($get_end_date))}}";
            // end_range   = "{{date('Y-m-d',strtotime($data['con_data']->end_date . '-1 day'))}}";
            var getHoliday  = JSON.parse($("#setHoliday").val());
            var setWeekend  = $("#setWeekend").val();
            
            if(setWeekend != ''){
                var splitWeekend = setWeekend.split(',').map(Number);
            }
            else{
                splitWeekend = [];
            }
            
            window.Litepicker && (new Litepicker({
                element: document.getElementById('datepicker-icon-prepend'),
                minDate: start_range,
                maxDate: end_range,
                lockDays: getHoliday,
                lockDaysFilter: (day) => {
                    const d = day.getDay();
                    return splitWeekend.includes(d);
                },
                buttonText: {
                    previousMonth: `<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24"
                    height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
                    fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none"
                    d="M0 0h24v24H0z" fill="none"/><path d="M15 6l-6 6l6 6" /></svg>`,
                    
                    nextMonth: `<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24"
                    height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                    stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z"
                    fill="none"/><path d="M9 6l6 6l-6 6" /></svg>`,
                },
            }));
        });

        $('#add_particularbtn').click(function(){
            let description=tinyMCE.get('tinymce-mytextarea').getContent();

            var material_count  = $("#material_table .more_tr").length;
            var labour_count    = $("#labour_table .more_tr").length;
            var equipment_count = $("#equipment_table .more_tr").length;
            var overhead_count  = $("#overhead_table .more_tr").length;

            if(material_count == 0){
                toastr.info("Add Maximum 1 Material","Warning");
                return false;
            }

            if(labour_count == 0){
                toastr.info("Add Maximum 1 Labour","Warning");
                return false;
            }

            if(equipment_count == 0){
                toastr.info("Add Maximum 1 Equipment","Warning");
                return false;
            }

            if(overhead_count == 0){
                toastr.info("Add Maximum 1 Overhead","Warning");
                return false;
            }

            if(description==''){
                $('#description-error2').html("This field is required.");
                $('#description-error2').show();
                toastr.info("Add Description","Warning");
                return false;
            }
        });

        $( document ).ready(function() {
            let options = {
                selector: '#tinymce-mytextarea',
                height: 300,
                menubar: false,
                statusbar: false,
                require: true,
                plugins: [
                    'advlist autolink lists link image charmap print preview anchor',
                    'searchreplace visualblocks code fullscreen',
                    'insertdatetime media table paste code help wordcount'
                ],
                toolbar: 'undo redo | formatselect | ' +
                    'bold italic backcolor | alignleft aligncenter ' +
                    'alignright alignjustify | bullist numlist outdent indent | ' +
                    'removeformat',
                content_style: 'body { font-family: -apple-system, BlinkMacSystemFont,'+
                'San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;'+
                'font-size: 14px; -webkit-font-smoothing: antialiased; }'
            }
            if (localStorage.getItem("tablerTheme") === 'dark') {
                options.skin = 'oxide-dark';
                options.content_css = 'dark';
            }
            tinyMCE.init(options);
        });

        function add_more(table_name,name){
            var count = $("#"+table_name+" .more_tr").length;
            scroll_div = $("#"+table_name);
            append_html = "";

            append_html = '<tr class="more_tr role_tr" id="'+name+'_tr'+count+'">'+
                '<td>'+
                    '<select class="form-control '+name+'_id_'+count+'" name="'+name+'['+name+'_id][]">';
                        if(name == "material"){
                            append_html += '<option value="">Select Material</option>'+
                            '@foreach ($material as $mat)'+
                                '<option value="{{$mat->id}}">{{$mat->material_name}}</option>'+
                            '@endforeach';
                        }
                        else if(name == "labour"){
                            append_html += '<option value="">Select Labour</option>'+
                            '@foreach ($labour as $lab)'+
                                '<option value="{{$lab->id}}">{{$lab->worker_position}}</option>'+
                            '@endforeach';
                        }
                        else if(name == "equipment"){
                            append_html += '<option value="">Select Equipment</option>'+
                            '@foreach ($equipment as $equ)'+
                                '<option value="{{$equ->id}}">{{$equ->equipment_name}}</option>'+
                            '@endforeach';
                        }
                        else if(name == "overhead"){
                            append_html += '<option value="">Select Overhead</option>'+
                            '@foreach ($overhead as $over)'+
                                '<option value="{{$over->id}}">{{$over->overheads_name}}</option>'+
                            '@endforeach';
                        }
                    append_html += '</select>'+
                '</td>'+
                '<td>'+
                    '<input type="number" class="form-control '+name+'_count_'+count+'" name="'+name+'['+name+'_count][]">'+
                '</td>';
                if(name == "material"){
                    append_html += '<td>'+
                        '<input type="text" class="form-control '+name+'_wastage_'+count+'" name="'+name+'['+name+'_wastage][]">'+
                    '</td>';
                }
                else{
                    append_html +='<td>'+
                        '<input type="text" class="form-control '+name+'_hours_'+count+'" name="'+name+'['+name+'_hours][]">'+
                    '</td>';
                }
                append_html += '<td>'+
                    '<input onclick="remove_row(\''+table_name+'\', \''+name+'\', '+count+')" type="button" style="color: #ff0404;border-radius: 7px;border: 1px solid #e78b8b!important;" class="form-control '+name+'_remove" value="remove" data_id='+count+'>'+
                '</td>'+
            '</tr>';

            scroll_div.append(append_html);
        }

        function remove_row(table_name, name, count){
            var rowCount = $('#'+table_name+' tr').length;
            $('#'+name+'_tr'+count).remove();
        }
    </script>