@include('components/uheader')
@include('components/usidebar')
<!--  Begin CONTENT AREA  -->
<div id="content" class="main-content">
    <style>
    .jobSheet_content {
    width: 97% !important;
    }
    </style>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
    
    <div class="topbar_content mt-3">
        <h2>Job Sheet</h2>
        <div class="viewAll mr-4">
            <a href="/employee_dashboard" class="viewAllBtn">
                <button class="btn btn-danger mr-2">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                        stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                        class="feather feather-arrow-left">
                    <line x1="19" y1="12" x2="5" y2="12"></line>
                    <polyline points="12 19 5 12 12 5"></polyline>
                    </svg> Back
                </button>
            </a>
        </div>
    </div>
<div class="layout-px-spacing layout-top-spacing">
<div class="modal-footer"></div>
<div class="row justify-content-center">
    <div class="jobSheet_content" id="edit_popup" style="display:block!important;">
        <div class="leave_content mt-3">
            @if(!empty($jobSheet))
            <form action="{{route('edit_jobSheet_detail')}}" class="form-group" method="post">
                {{csrf_field()}}
                <div class="row justify-content-around">
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <label for="">Employee ID</label>
                        <input type="hidden" name="db_id" value="{{$jobSheet->id}}">
                        <input type="text" class="form-control" name="emp_id" value="{{$jobSheet->emp_id}}"
                        readonly id="emp_id">
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <label for="">Employee Name</label>
                        <input type="text" class="form-control" value="{{$jobSheet->emp_name}}" name="emp_name"
                        readonly id="emp_name">
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <label for="">Employee Email</label>
                        <input type="text" class="form-control" value="{{$employee_data->official_email}}"
                        name="emp_email" readonly id="emp_email">
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 mt-3">
                        <label for="">Phone NO.</label>
                        <input type="text" class="form-control" value="{{$employee_data->phone_number}}"
                        name="phone_no" readonly id="phone_no">
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 mt-3">
                        <label for="">Department</label>
                        <input type="hidden" name="emp_department" value="{{$employee_data->departments->id}}">
                        <input type="text" class="form-control" value="{{$employee_data->departments->department}}" readonly id="phone_no">
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 mt-3">
                        <label for="">Domain</label>
                        <input type="hidden" name="emp_domain" value="{{$employee_data->domains->id}}">
                        <input type="text" class="form-control" value="{{$employee_data->domains->domain}}" readonly id="phone_no">
                    </div>
                    <div class="col-md-3 mt-3">
                        <label for="">Date</label>
                        <div class="date-field-with-icon"> <input type="text" class="form-control" placeholder="Select Date" name="date" id="date" onkeypress="return false;" value="{{old('date') ? old('date') : date('d/m/Y',strtotime($jobSheet->date))}}"  autocomplete="off">
                        <div class="date-icon"><img src="https://dev.hrms.developstaging.com/design/img/date-icon.svg" alt="date" /></div>
                        </div>
                        <span class="text-danger">
                            @if($errors->has('date'))
                                @foreach($errors->get('date') as $error)
                                    {{$error}}
                                @endforeach
                            @endif
                        </span>
                    </div>
                    <div class="col-md-3 mt-3">
                        <label for="">Start Time</label>
                        <input type="time" onkeypress="return false;" onchange="getttltime()" class="form-control start_time" name="s_time" id="start_time" value="{{old('s_time') ? old('s_time') : $jobSheet->start_time}}">
                        <span class="text-danger">
                            @if($errors->has('s_time'))
                                @foreach($errors->get('s_time') as $error)
                                    {{$error}}
                                @endforeach
                            @endif
                        </span>
                    </div>
                    <div class="col-md-3 mt-3">
                        <label for="">End Time</label>
                        <input type="time" onkeypress="return false;" onchange="getttltime()" class="form-control end_time" name="e_time" id="end_time" value="{{old('e_time') ? old('e_time') : $jobSheet->end_time}}">
                        <span class="text-danger">
                            @if($errors->has('e_time'))
                                @foreach($errors->get('e_time') as $error)
                                    {{$error}}
                                @endforeach
                            @endif
                        </span>
                    </div>
                    <div class="col-md-3 mt-3">
                        <label for="">Work Type</label>
                        <select class="form-control" name="work_type">
                            @php $w_type = old('work_type') ? old('work_type') : $jobSheet->work_type @endphp
                            @if($w_type == 'WFO')
                                <option selected value="WFO">WFO</option>
                                <option value="WFH">WFH</option>
                            @elseif($w_type == 'WFH')
                                <option selected value="WFH">WFH</option>
                                <option value="WFO">WFO</option>
                            @endif
                        </select>
                        <span class="text-danger">
                            @if(session('work_type_error'))
                                {{session('work_type_error')}}
                            @endif
                        </span>
                    </div>
                    <div class="col-md-4 mt-3">
                        <label>Assigned By</label>
                        <select class="form-control  basic"  name="assign_by">
                        <option value="Select Option">Select Option</option>
                        @php  $assign_by = old('assign_by') ? old('assign_by') : $jobSheet->assign_by @endphp
                        @foreach($employee as $employee)
                            @if($assign_by)
                                @if($assign_by == $employee->id)
                                    <option selected value="{{$employee->id}}">{{$employee->first_name}}
                                    {{$employee->last_name}}</option>
                                @else
                                    <option value="{{$employee->id}}">{{$employee->first_name}} {{$employee->last_name}}
                                    </option>
                                @endif
                            @else
                                <option value="{{$employee->id}}">{{$employee->first_name}} {{$employee->last_name}}
                                </option>
                            @endif
                        @endforeach
                        </select>
                        
                        <span class="text-danger">
                            @if(session('assign_by_error'))
                            {{session('assign_by_error')}}
                            @endif
                        </span>
                    </div>
                    <div class="col-md-4 mt-3">
                        <label for="">Project Name</label>
                        <input type="text" class="form-control" placeholder="Enter Project Name"
                        name="project_name" id="s_date" value="{{old('project_name') ? old('project_name') : $jobSheet->project_name}}">
                        <span class="text-danger">
                            @if($errors->has('project_name'))
                            @foreach($errors->get('project_name') as $error)
                            {{$error}}
                            @endforeach
                            @endif
                        </span>
                    </div>
                    <div class="col-md-4   mt-3">
                        <label for="">Task Name{{old('task_name')}}</label>
                        <input type="text" class="form-control" placeholder="Enter Task Name" name="task_name"
                        id="s_date" value="{{old('task_name') ? old('task_name') : $jobSheet->task_name}}">
                        <span class="text-danger">
                            @if($errors->has('task_name'))
                            @foreach($errors->get('task_name') as $error)
                            {{$error}}
                            @endforeach
                            @endif
                        </span>
                    </div>
                    <div class="col-12 mt-3">
                        <label for="">Task Description</label>
                        <textarea class="form-control" placeholder="Enter Task Description" name="task_description" id="reason">{{old('task_description') ? old('task_description') : $jobSheet->task_description}}</textarea>
                        <span class="text-danger">
                            @if($errors->has('task_description'))
                            @foreach($errors->get('task_description') as $error)
                            {{$error}}
                            @endforeach
                            @endif
                        </span>
                    </div>
                    <div class="row mb-4">
                        <div class="col-md-3 pl-0 pr-0 mt-3">
                            <label for="">Total Time</label>
                            <input type="text" class="form-control ttl_day" name="ttl_hours" readonly
                            id="ttl_day" value="{{old('ttl_hours') ? old('ttl_hours') : $jobSheet->ttl_hours}}">
                        </div>
                        
                    </div>
                    
                    <div class="form-inline">
                        <div class="form-group mr-3">
                            <button class="btn pmd-ripple-effect btn-success pmd-btn-raised ">Submit</button>
                        </div>
                        <div class="form-group">
                            <a href="/employee_dashboard"><button class="btn pmd-ripple-effect btn-primary pmd-btn-raised" id="update_cancel"type="button">Cancel</button></a>
                        </div>
                    </div>
                </div>
            </form>
            @else
            <form action="{{route ('store')}}" class="form-group" method="post">
                {{csrf_field()}}
                <div class="row justify-content-around">
                    <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
                        <label for="">Employee ID</label>
                        <input type="text" class="form-control" name="emp_id" value="{{$employee_data->id}}"
                        readonly id="emp_id">
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
                        <label for="">Employee Name</label>
                        <input type="text" class="form-control"
                        value="{{$employee_data->first_name}} {{$employee_data->last_name}}" name="emp_name"
                        readonly id="emp_name">
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
                        <label for="">Employee Email</label>
                        <input type="text" class="form-control" value="{{$employee_data->official_email}}"
                        name="emp_email" readonly id="emp_email">
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
                        <label for="">Phone NO.</label>
                        <input type="text" class="form-control" value="{{$employee_data->phone_number}}"
                        name="phone_no" readonly id="phone_no">
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
                        <label for="">Department</label>
                        <input type="hidden" name="emp_department" value="{{$employee_data->departments->id}}">
                        <input type="text" class="form-control"
                        value="{{$employee_data->departments->department}}" readonly id="phone_no">
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
                        <label for="">Domain</label>
                        <input type="hidden" name="emp_domain" value="{{$employee_data->domains->id}}">
                        <input type="text" class="form-control" value="{{$employee_data->domains->domain}}"
                        readonly id="phone_no">
                    </div>
                    <div class="col-md-3 mt-3">
                        <label for="">Date</label>
                        <div class="date-field-with-icon">
                            <input type="text" placeholder="Select Date" class="form-control clear_Data" name="date" id="date_get" value="{{ old('date') }}" onkeypress="return false;" autocomplete="off">
                            <div class="date-icon"><img src="{{asset('design/img/date-icon.svg')}}" alt="date" />
                        </div>
                    </div>
                        
                        <span class="text-danger">
                            @if($errors->has('date'))
                                @foreach($errors->get('date') as $error)
                                    {{$error}}
                                @endforeach
                            @endif
                        </span>
                    </div>
                    <div class="col-md-3 mt-3">
                        <label for="">Start Time</label>
                        <input type="time" onkeypress="return false;" onchange="getttltime()" class="form-control clear_Data start_time" name="s_time" id="start_time" value="{{ old('s_time')}}">
                        <span class="text-danger">
                            @if($errors->has('s_time'))
                            @foreach($errors->get('s_time') as $error)
                            {{$error}}
                            @endforeach
                            @endif
                        </span>
                    </div>
                    <div class="col-md-3 mt-3">
                        <label for="">End Time</label>
                        <input type="time" onkeypress="return false;" onchange="getttltime()" class="form-control clear_Data end_time" name="e_time" id="end_time" value="{{old('e_time')}}">
                        <span class="text-danger">
                            @if($errors->has('e_time'))
                            @foreach($errors->get('e_time') as $error)
                            {{$error}}
                            @endforeach
                            @endif
                        </span>
                    </div>
                    <div class="col-md-3 mt-3">
                        <label for="">Work Type</label>
                        <select class="form-control clear_Data" name="work_type">

                            @if(old('work_type') == 'WFO')
                            <option selected value="WFO">WFO</option>
                            <option value="WFH">WFH</option>
                            <option value="Select Work Type">Select Work Type</option>
                            @elseif(old('work_type') == 'WFH')
                            <option selected value="WFH">WFH</option>
                            <option value="WFO">WFO</option>
                            <option value="Select Work Type">Select Work Type</option>
                            @elseif(old('work_type') == 'Select Work Type')
                            <option selected value="Select Work Type">Select Work Type</option>
                            <option value="WFO">WFO</option>
                            <option value="WFH">WFH</option>
                            @else
                            <option selected value="Select Work Type">Select Work Type</option>
                            <option value="WFO">WFO</option>
                            <option value="WFH">WFH</option>
                            @endif
                        </select>
                        <span class="text-danger">
                            @if($errors->has('work_type'))
                                @foreach($errors->get('work_type') as $error)
                                    {{$error}}
                                @endforeach
                            @endif
                        </span>
                    </div>
                    <div class="col-md-4   mt-3">
                        <label>Assigned By</label>
                        <select class="form-control clear_Data basic"  name="assign_by">
                        <option selected value="Select Option">Select Option</option>
                        @foreach($employee as $employee)
                                @if(old('assign_by') == 'Select Option')
                                    <option value="{{$employee->id}}">{{$employee->first_name}} {{$employee->last_name}}</option>
                                @elseif(old('assign_by') == $employee->id)
                                    @if(old('assign_by') == $employee->id)
                                    <option selected value="{{$employee->id}}">{{$employee->first_name}}
                                    {{$employee->last_name}}</option>
                                    @else
                                    <option value="{{$employee->id}}">{{$employee->first_name}} {{$employee->last_name}}
                                    </option>
                                    @endif
                                @else
                                    <option value="{{$employee->id}}">{{$employee->first_name}} {{$employee->last_name}}</option>
                                @endif
                            @endforeach
                        </select>                        
                        <span class="text-danger">
                            @if($errors->has('work_type'))
                                @foreach($errors->get('work_type') as $error)
                                    {{$error}}
                                @endforeach
                            @endif
                        </span>
                    </div>
                    <div class="col-md-4   mt-3">
                        <label for="">Project Name</label>
                        <input type="text" class="form-control clear_Data" placeholder="Enter Project Name" name="project_name" id="s_date" value="{{old('project_name')}}">
                        <span class="text-danger">
                            @if($errors->has('assign_by'))
                            @foreach($errors->get('assign_by') as $error)
                            {{$error}}
                            @endforeach
                            @endif
                        </span>
                    </div>
                    <div class="col-md-4   mt-3">
                        <label for="">Task Name</label>
                        <input type="text" class="form-control clear_Data" placeholder="Enter Task Name" name="task_name" id="s_date" value="{{old('task_name')}}">
                        <span class="text-danger">
                            @if($errors->has('task_name'))
                            @foreach($errors->get('task_name') as $error)
                            {{$error}}
                            @endforeach
                            @endif
                        </span>
                    </div>
                    <div class="col-12 mt-3">
                        <label for="">Task Description</label>
                        <textarea class="form-control clear_Data" placeholder="Enter Task Description"
                        name="task_description"
                        id="reason">{{old('task_description')}}</textarea>
                        <span class="text-danger">
                            @if($errors->has('task_description'))
                            @foreach($errors->get('task_description') as $error)
                            {{$error}}
                            @endforeach
                            @endif
                        </span>
                    </div>
                    <div class="col-md-12 d-flex flex-wrap align-items-end mt-3">
                        <div class="form-group">
                            <label for="">Total Time</label>
                            <input type="text" class="form-control ttl_day clear_Data" name="ttl_hours" readonly id="ttl_day" value="{{old('ttl_hours')}}">
                        </div>
                    </div>
                    <div class="form-inline">
                        <div class="form-group mr-3">
                            <button class="btn pmd-ripple-effect btn-success pmd-btn-raised ">Submit</button>
                        </div>
                        <div class="form-group">
                            <button class="btn pmd-ripple-effect btn-primary pmd-btn-raised reset_data" type="reset">Reset</button>
                        </div>
                    </div>
                </div>
            </form>
            @endif
        </div>
    </div>
</div>

@include('components/ufooter')
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
<script>
    flatpickr(".timepicker", {
        enableTime: true,
        noCalendar: true,
        dateFormat: "H:i",
        time_24hr: true
    });
</script>
<script>
    var ss = $(".basic").select2({
        tags: true,
    });
    function getttltime() {
        var start_time = $(".start_time").val();
        var split = start_time.split(":");
        var end_time = $(".end_time").val();
        var split2 = end_time.split(":");
        var num = (~~split[0]);
        var num2 = (~~split2[0]);
        if (num2 < num) {
            var num = num - 12;
            var num2 = num2 + 12;
        }
        var ttl = num2 - num;
        var min = (~~split2[1]) - (~~split[1]);
        $(".ttl_day").val(Math.abs(ttl) + ":" + Math.abs(min));
    }
    $(".reset_data").click(function(){
        location.reload();
    })
    var date = $("#date").val();
    $("#date").val(date);

    $("#date").datepicker({
        dateFormat: "dd/mm/yy"
    });
    $("#date_get").datepicker({
        dateFormat: "dd/mm/yy"
    });
</script>
@if(session('error'))
    <script type="text/javascript">
        swal.fire({
            title: '{{session("error")}}',
            type: 'warning'
        })
    </script>
@endif