@extends('layouts.app')

@section('title')
    {{ __('Edit Project') }}
@endsection

@section('breadcrumb')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">
                        <i class="nav-icon ml-3 fas fa-project-diagram"></i>
                        {{ __('Projects') }}
                    </h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('admin.index') }}">{{ __('Home') }}</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('admin.projects.index') }}">{{ __('Projects') }}</a></li>
                        <li class="breadcrumb-item active">{{ __('Edit Project') }}</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
@endsection

@section('content')
    <div class="d-flex flex-row-reverse">
        @can('create_lrf')
        <input type="hidden" id="project_id_lrf" value="{{$project->id}}">
        <a href="#" class="create_lrf_btn btn btn-primary" data-toggle="modal" data-target="#create_lrf" data-project_id={{$project->id}}>
            <i class="far fa-sticky-note mr-1"></i>
            {{ __('Generate LRF') }}
        </a>
        @endcan
        @can('view_lrf')
        <a href="{{ route('admin.lab_request_forms.index') }}?project_id={{$project->id}}" class="btn btn-primary mr-2">
            <i class="far fa-sticky-note mr-1"></i>
            {{ __('View LRF') }}
        </a>
        @endcan
    </div>
    <div class="card card-primary mt-3">
        <div class="card-header">
            <h3 class="card-title">{{ __('Edit Project') }}</h3>
        </div>
        <!-- /.card-header -->
        <form method="POST" action="{{ route('admin.projects.update', $project->id) }}" id="project_forms" enctype="multipart/form-data">
            <!-- /.card-header -->
            <div class="card-body">
                @csrf
                @method('put')
                <input type="hidden" id="research" value="{{ $project->type_of_research }}">
                <input type="hidden" id="pdrt" value="{{ $project->proj_det_research_type }}">
                <input type="hidden" id="ri" value="{{ $project->requesting_individual }}">
                <input type="hidden" id="pls" value="{{ $project->project_leaders }}">
                <input type="hidden" id="co_is" value="{{ $project->co_investigators }}">
                <input type="hidden" id="fa" value="{{ $project->funds_agency }}">
                <input type="hidden" id="pde" value="{{ $project->proj_det_ethics }}">
                <input type="hidden" id="nuhra" value="{{ $project->proj_det_nuhra }}">
                <input type="hidden" id="sdg" value="{{ $project->proj_det_sdg }}">
                <input type="hidden" id="eo" value="{{ $project->proj_det_expected_output }}">
                <input type="hidden" id="insp" value="{{ $project->proj_det_institutional_partners }}">
                <input type="hidden" id="staff" value="{{ $project->project_staff }}">
                <input type="hidden" id="res_staff" value="{{ $project->research_staff }}">
                <input type="hidden" id="ids" value="{{ $project->identifiers }}">
                <input type="hidden" id="fum" value="{{ $project->funds_management }}">
                <input type="hidden" id="pro_resss" value="{{ $project->researchers }}">
                @include('admin.projects._form')
            </div>
            <!-- /.card-body -->

            <div class="card-footer">
                <button id="submit_btn" type="submit" class="btn btn-primary">{{ __('Save') }}</button>
            </div>
        </form>
        <!-- /.card-body -->    
    </div>

    <div class="modal fade" id="renameFundsModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Rename File</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form id="renameFundsForm" action="" method="post">
                    <div class="modal-body">
                        @csrf
                        <input type="text" name="funds_filename" id="" class="form-control">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Save changes</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

        <div class="modal fade" id="renameModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Rename File</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form id="renameForm" action="" method="post">
                            @csrf
                            <input type="text" name="filename" id="" class="form-control">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Save changes</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <form id="deleteFileForm" action="" method="post" class="d-none">
            @csrf
            <button type="submit">submit</button>
        </form>
    </div>


    @include('admin.projects.modals.generate_lrf')
@endsection
@section('scripts')
    <script src="{{ url('js/admin/projects.js') }}"></script>
    @cannot('bulk_action_projects')
        <script>
            $(document).ready(function() {
                table.on('init', function() {
                    $(document).find('#bulk_action_section').remove();
                });
            });
        </script>
    @endcan
@endsection