@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;
    }
    
</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', date('Y-m-d',strtotime($data['con_data']->start_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', null, ['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 type="file" class="form-control document_setup" name="attachment_file_name[]" multiple accept="image/*, .png, .jpeg, .jpg ">
                                        <div class="file_name_show"></div>
                                        <span class="show_document_error" style="color:red;"></span>
                                    </div>
                                  
                                  
                
                                    <div class="col-12">
                                        <br>
                                        <div class="form-group">
                                            {{ Form::label('description', __('Description'),['class' => 'form-label']) }}
                                            <span style='color:red;'>*</span>
                                            {{ Form::textarea('description', null, ['class' => 'form-control',
                                            'id' => 'tinymce-mytextarea','rows'=>'3','data-toggle' => 'autosize',
                                            'required'=>'required']) }}
                                            <label id="description-error2" class="error" for="description"></label>
                                        </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>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    @endif
                                            
                                    <div class="row">
                                        <div class="modal-footer">