@extends('admin.partial.admin_master')
@section('title')
    <title>Edit Project | Aplikasi Project Management</title>
@endsection
@section('css')
    <link href="{{ asset('backend/assets/css/vendor/frappe-gantt.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('backend/assets/css/icons.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('backend/assets/css/app.min.css') }}" rel="stylesheet" type="text/css" id="app-style" />
    {{-- <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet"> --}}
    {{-- <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.css" rel="stylesheet"> --}}
    {{-- <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> --}}
    {{-- <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker.css" rel="stylesheet">   --}}
    <link rel="stylesheet" href="{{ asset('jqueryui113/jquery-ui.css') }}">
    <link rel="stylesheet" href="{{ asset('datepicker/bootstrap-datepicker.css') }}">
    <style nonce="{{ csp_nonce() }}">
        .note-icon-caret:before{
            content: '';
        }
    </style>
@endsection
@section('main')
@can('Update Project')
        <!-- Start Content-->
        <div class="container-fluid">

            <!-- start page title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box">
                        <div class="page-title-right">
                            <ol class="breadcrumb m-0">
                                <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                                <li class="breadcrumb-item"><a href="{{ route('project.index') }}">Manage Project</a></li>
                                <li class="breadcrumb-item active"><a href="#">Edit Project</a></li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end page title -->
    
            <div class="row">
                <div class="col-lg-12">
                    <div class="row">
                        <form action="{{ route('project.update', encrypt($project->id)) }}" method="POST"
                            enctype="multipart/form-data">
                            @csrf
                            <div class="col-lg-6">
                                <div class="mb-3">
                                    <label for="example-password" class="form-label">Project Code</label>
                                    <input type="text" class="form-control" placeholder="Auto Number"
                                        value="{{ $project->full_number }}" readonly>
                                    <input type="hidden" class="form-control" name="series" value="{{ $project->series_id }}">
                                </div>
    
                              
    
                                <div class="mb-3">
                                    <label for="example-email" class="form-label">Portofolio<span class="text-danger">*</span></label>
                                    <select class="form-control" name="portofolio" id="portofolio_select">
                                        <option>Select Portofolio</option>
                                        @foreach ($portofolio as $row)
                                            <option value="{{ $row->name }}"
                                                {{ $row->name == $project->portofolio ? 'selected' : '' }}
                                                data-portofolio_id="{{ $row->id ?? '' }}">
                                                {{ $row->name }}</option>
                                        @endforeach
                                        @if ($errors->has('portofolio'))
                                            <span class="text-danger">{{ $errors->first('portofolio') }}</span>
                                        @endif
                                    </select>
                                </div>
    
                                <div class="mb-3">
                                    <label for="example-email" class="form-label">Group Tag<span class="text-danger">*</span></label>
                                    @php
                                        $tag = explode(',', $project->grouptag);
                                    @endphp
                                    <select class="form-control select2" data-toggle="select2" name="grouptag[]" multiple
                                        id="group_tag_select">
                                        <option disabled>Select Group Tag</option>
                                        @foreach ($gt as $row)
                                            <option value="{{ $row->name }}"
                                                {{ in_array($row->name, $tag) ? 'selected' : '' }}>{{ $row->name }}
                                            </option>
                                        @endforeach
                                        @if ($errors->has('grouptag'))
                                            <span class="text-danger">{{ $errors->first('grouptag') }}</span>
                                        @endif
                                    </select>
                                </div>
    
    
    
                                <div class="mb-3">
                                    <label for="example-password" class="form-label">Project Name<span class="text-danger">*</span></label>
                                    <input type="text" name="project_name" class="form-control"
                                        value="{{ $project->project_name }}">
                                    @if ($errors->has('project_name'))
                                        <span class="text-danger">{{ $errors->first('project_name') }}</span>
                                    @endif
                                </div>
    
                                <div class="mb-3">
                                    <label for="example-password" class="form-label">Project Budget</label>
                                    <input type="number" name="project_budget" class="form-control" id="budget"
                                        value="{{ $project->project_budget }}" readonly>
                                        <small class="text-danger">Auto Calculate from Capex + Opex</small>
                                </div>
    
                                <div class="mb-3">
                                    <label for="example-password" class="form-label">Capex<span class="text-danger">*</span></label>
                                    <input type="number" name="investasi" class="form-control" id="investasi"
                                        value="{{ $project->investasi }}">
                                </div>
    
                                <div class="mb-3">
                                    <label for="example-password" class="form-label">Opex<span class="text-danger">*</span></label>
                                    <input type="number" name="cost" class="form-control" id="cost"
                                        value="{{ $project->cost }}">
                                </div>
    
                                <div class="mb-3">
                                    <label for="example-password" class="form-label">Start Date<span class="text-danger">*</span></label>
                                    <input type="text" class="fromdate form-control" name="start_date"
                                        value="{{ $project->start_date }}">
                                    @if ($errors->has('start_date'))
                                        <span class="text-danger">{{ $errors->first('start_date') }}</span>
                                    @endif
                                </div>
    
                                <div class="mb-3">
                                    <label for="example-password" class="form-label">Target Date<span class="text-danger">*</span></label>
                                    <input type="text" class="todate form-control" name="end_date"
                                        value="{{ $project->end_date }}">
                                    @if ($errors->has('end_date'))
                                        <span class="text-danger">{{ $errors->first('end_date') }}</span>
                                    @endif
                                </div>
    
    
    
                                <div class="mb-3">
                                    <label for="example-password" class="form-label">Duration (Est.)</label>
                                    <input type="number" name="duration" class="duration form-control" readonly
                                        value="{{ $project->duration }}">
                                </div>
    
                                <div class="mb-3">
                                    <label for="example-password" class="form-label">Project Description<span class="text-danger">*</span></label>
                                    <textarea name="project_description" class="form-control" rows="4">{!! $project->project_description !!}</textarea>
                                    @if ($errors->has('project_description'))
                                        <span class="text-danger">{{ $errors->first('project_description') }}</span>
                                    @endif
                                </div>
    
                            
    
                                <div class="mb-3">
                                    <label for="example-password" class="form-label">Supporting Document<span class="text-danger">*</span></label>
                                    <input type="file" name="project_doc" class="form-control">
                                    <input type="hidden" value="{{ $project->project_doc }}" name="old_project_doc">
                                    @if (!empty($project->project_doc))
                                        <span><a href="{{ Storage::url('app/public/project_doc/' . $project->project_doc) }}"
                                                class="text-danger"><i class=" mdi mdi-cloud-download-outline"> Download
                                                    Existing Document</i></a></span>
                                    @endif
    
                                    @if ($errors->has('project_doc'))
                                        <span class="text-danger">{{ $errors->first('project_doc') }}</span>
                                    @endif
                                </div>
    
                                <div class="mb-3">
                                    <label for="example-password" class="form-label">Risk Profile</label>
                                    <input type="file" name="risk_doc" class="form-control">
                                    <input type="hidden" value="{{ $project->risk_doc }}" name="old_risk_doc">
                                    @if (!empty($project->risk_doc))
                                        <span><a href="{{ Storage::url('app/public/project_doc/' . $project->risk_doc) }}"
                                                class="text-danger"><i class=" mdi mdi-cloud-download-outline"> Download
                                                    Existing Document</i></a></span>
                                    @endif
                                    @if ($errors->has('risk_doc'))
                                        <span class="text-danger">{{ $errors->first('risk_doc') }}</span>
                                    @endif
                                </div>
    
                                <div class="mb-3">
                                    <label for="project_owner" class="form-label">Project Owner<span class="text-danger">*</span></label>
                                    <select class="select2 form-control" data-toggle="select2" name="project_owner">
                                        <option>Pilih Project Owner</option>
                                        @foreach ($employee as $row)
                                            <option value="{{ $row->email }}"
                                                {{ $row->email == $project->project_owner ? 'selected' : '' }}>
                                                {{ $row->name ?? '' }} |
                                                {{ $row->position_title ?? '' }} | {{ $row->email ?? '' }} </option>
                                        @endforeach
                                    </select>
                                    @if ($errors->has('project_owner'))
                                        <span class="text-danger">{{ $errors->first('project_owner') }}</span>
                                    @endif
                                </div>
                                <div class="mb-3">
                                    <label for="project_manager" class="form-label">Project Manager<span class="text-danger">*</span></label>
                                    <select class="select2 form-control" data-toggle="select2" name="project_manager">
                                        <option>Pilih Project Manager</option>
                                        @foreach ($employee as $row)
                                            <option value="{{ $row->email }}"
                                                {{ $row->email == $project->project_manager ? 'selected' : '' }}>
                                                {{ $row->name ?? '' }} |
                                                {{ $row->position_title ?? '' }} | {{ $row->email ?? '' }} </option>
                                        @endforeach
                                    </select>
                                    @if ($errors->has('project_manager'))
                                        <span class="text-danger">{{ $errors->first('project_manager') }}</span>
                                    @endif
                                </div>
    
                                <div class="mb-3">
                                    <label for="team_member" class="form-label">Team Members<span class="text-danger">*</span></label>
                                    @php
                                        $member = explode(',', $project->team_member);
                                    @endphp
                                    <select class="select2 form-control" data-toggle="select2" name="team_member[]" multiple required>
                                        <option>Select Team Members</option>
                                        @foreach ($employee as $row)
                                        <option value="{{ $row->email }}"
                                            {{ in_array($row->email, $member) ? 'selected' : '' }}>{{ $row->name ?? '' }} |
                                            {{ $row->position_title ?? '' }} | {{ $row->email ?? '' }}
                                        </option>
                                            
                                        @endforeach
                                    </select>
                                    @if ($errors->has('team_member'))
                                        <span class="text-danger">{{ $errors->first('team_member') }}</span>
                                    @endif
                                </div>
    
    
                            </div>
                    </div>
    
                    <a href="{{ route('project.index') }}"class="btn btn-primary">Kembali</a>
                    <button type="submit" class="btn btn-success">Update</button>
                    </form>
                </div>
            </div>
    
    
        </div> <!-- container -->
@endcan

@endsection
@section('js')
    {{-- <script src="{{ asset('backend/assets/js/jquery-3.7.1.min.js') }}"></script> --}}

    <script src="{{ asset('backend/assets/js/jquery-3.7.1.min.js') }}"></script>
    <script src="{{ asset('backend/assets/js/vendor.min.js') }}"></script>
    <script src="{{ asset('backend/assets/js/app.min.js') }}"></script>
    {{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js"></script> --}}
    <script src="{{ asset('datepicker/bootstrap-datepicker.js') }}"></script>
    {{-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script> --}}
    {{-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> --}}
    <script src="{{ asset('jqueryui113/jquery-ui.min.js') }}"></script>

    <!-- Summernote JS - CDN Link -->
    {{-- <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.js"></script> --}}
    <script nonce="{{ csp_nonce() }}">
        $(function() {
            $("#investasi, #cost").on("keydown keyup", budget);

            function budget() {
                $("#budget").val(Number($("#investasi").val()) + Number($("#cost").val()));
            }
        });
    </script>
    <script nonce="{{ csp_nonce() }}">
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $(document).on('change', '#portofolio_select', function() {
            var portofolio_id = $(this).find('option:selected').attr('data-portofolio_id');
            if (portofolio_id === '') {
                $('#group_tag_select').html('');
                $('#group_tag_select').append('<option value="">Pilih Group Tag</option>');
            } else {
                $.post("{{ route('get_group_tag_by_portofolio_id') }}", {
                        portofolio_id: portofolio_id,
                    },
                    function(data, status) {
                        console.log(data);
                        $('#group_tag_select').html('');
                        $('#group_tag_select').append('<option value="">Pilih Group Tag</option>');
                        $.each(data.group_tag, function(key, value) {
                            var new_group_tag = '<option value="' + value.name + '">' + value
                                .name + '</option>';
                            $('#group_tag_select').append(new_group_tag);
                        });
                    }, 'json'
                );
            }

        });
        $('.fromdate').datepicker({
            dateFormat: 'yy-mm-dd',
            changeMonth: true,
            changeYear: true,
        });
        $('.todate').datepicker({
            dateFormat: 'yy-mm-dd',
            changeMonth: true,
            changeYear: true,
        });
        $('.fromdate').datepicker().bind("change", function() {
            var minValue = $(this).val();
            minValue = $.datepicker.parseDate("yy-mm-dd", minValue);
            $('.todate').datepicker("option", "minDate", minValue);
            calculate();
        });
        $('.todate').datepicker().bind("change", function() {
            var maxValue = $(this).val();
            maxValue = $.datepicker.parseDate("yy-mm-dd", maxValue);
            $('.fromdate').datepicker("option", "maxDate", maxValue);
            calculate();
        });

        function calculate() {
            var d1 = $('.fromdate').datepicker('getDate');
            var d2 = $('.todate').datepicker('getDate');
            var oneDay = 24 * 60 * 60 * 1000;
            var diff = 0;
            if (d1 && d2) {

                diff = Math.round(Math.abs((d2.getTime() - d1.getTime()) / (oneDay)));
            }
            $('.duration').val(diff);
        }
    </script>
    <script nonce="{{ csp_nonce() }}">
        $(document).ready(function() {
            $("#summernote").summernote({
                toolbar: [
                    ['font', ['bold', 'italic', 'underline', 'strikethrough', 'superscript',
                        'subscript', 'clear'
                    ]],
                    ['fontsize', ['fontsize']],
                    ['color', ['color']],
                    ['para', ['ol', 'ul', 'paragraph', 'height']],
                    ['table', ['table']],
                    ['insert', ['picture', 'link']],
                    ['view', ['undo', 'redo', 'fullscreen', 'help']]
                ]
            });
            $('.dropdown-toggle').dropdown();
        });
    </script>
@endsection