@extends('layouts.newApp')

@section('page-title')
    <div class="row bg-title">
        <!-- .page title -->
        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title"><i class="{{ $pageIcon }}"></i> @lang($pageTitle)</h4>
        </div>
        <!-- /.page title -->
        <!-- .breadcrumb -->
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12 text-right">

            <ol class="breadcrumb">
                <li><a href="{{ route('dashboard') }}">@lang('app.menu.home')</a></li>
                <li><a href="{{ route('projects.index') }}">@lang($pageTitle)</a></li>
                <li class="active">@lang('app.addNew')</li>
            </ol>
        </div>
        <!-- /.breadcrumb -->
    </div>
@endsection

@push('head-script')
    <link rel="stylesheet" href="{{ asset('css/datatables/jquery.dataTables.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/bower_components/bootstrap-select/bootstrap-select.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/bower_components/summernote/dist/summernote.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/bower_components/bootstrap-select/bootstrap-select.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/bower_components/custom-select/custom-select.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/bower_components/dropzone-master/dist/dropzone.css') }}">
    <style>
        /* .file-bg {
            height: 150px;
            overflow: hidden;
            position: relative;
        }

        .file-bg .overlay-file-box {
            opacity: .9;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 100%;
            text-align: center;
        }

        .bootstrap-select.btn-group .dropdown-menu li a span.text {
            color: #000;
        }

        .panel-black .panel-heading a:hover,
        .panel-inverse .panel-heading a:hover {
            color: #000 !important;
        }

        .panel-black .panel-heading a,
        .panel-inverse .panel-heading a {
            color: #000 !important;
        } */
    </style>
@endpush

@section('content')

<div class="dash_panel">
    <div>{!! $smtpSetting->set_smtp_message !!}</div>
    <div class="customCard">
        <div class="panel-heading d-flex justify-content-between align-items-center">
           <h4 class="m-0 fw-medium">Create New Project</h4>
            <div class="btn-group dropdown m-l-auto">
                <button aria-expanded="true" data-toggle="dropdown"
                    class=" btn btn-sm btn-info waves-effect dropdown-toggle waves-light"
                    type="button">@lang('app.menu.template') <span class="caret"></span></button>
                <ul role="menu" class="dropdown-menu">
                    @forelse($templates as $template)
                        <li onclick="setTemplate('{{ $template->id }}')" role="presentation"><a
                                href="javascript:void(0)" role="menuitem"><i class="icon wb-reply"
                                    aria-hidden="true"></i> {{ ucwords($template->project_name) }}</a></li>
                    @empty
                        <li class="text-dark"><a href="javascript:void(0)" role="menuitem">@lang('messages.noRecordFound')</a>
                        </li>
                    @endforelse
                </ul>
            </div>
        </div>
        <div class="panel-body ">
            <form id="createProject" class="ajax-form" method="POST">
                <div class="row">
                    <div class="col-lg-6 col-md-12">
                        <div class="row">
                            <div class="col-md-12 form-group">
                                <label class="required taskFormHeading">@lang('modules.projects.projectName')</label>
                                <input type="text" name="project_name" id="project_name"
                                    class="form-control" placeholder="Enter project name">
                                <input type="hidden" name="template_id" id="template_id">
                            </div>

                            <div class="col-lg-12 col-md-12">
                                <div class="col-md-12 form-group p-0">
                                    <label class="required taskFormHeading">@lang('modules.projects.addMemberTitle')
                                        <a href="javascript:;" id="add-employee"
                                            class="btn btn-xs btn-success btn-outline"><i
                                                class="fa fa-plus"></i></a>
                                    </label>
                                    <select class="select2 m-b-10 select2-multiple  form-control " multiple="multiple"
                                        data-placeholder="Choose Members" id="selectEmployee" name="user_id[]">
                                        @foreach ($employees as $emp)
                                            <option value="{{ $emp->id }}">{{ ucwords($emp->name) }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="form-group discripationDiv">
                                    <label class="control-label taskFormHeading">@lang('modules.projects.projectSummary')</label>
                                    <textarea name="project_summary" id="project_summary" rows="4" class="form-control"></textarea>
                                </div>
                            </div>

                            <div class="col-md-12 ">
                                <label class="control-label taskFormHeading ">Document</label>
                                <button type="button"
                                    class="btn btn-block btn-outline-info btn-sm col-md-2 select-image-button"
                                    style="margin-bottom: 10px;display: none "><i class="fa fa-upload"></i> File
                                    Select Or Upload</button>
                                <div id="file-upload-box">
                                    <div class="row" id="file-dropzone">
                                        <div class="col-md-12">
                                            <div class="dropzone m-b-0" id="file-upload-dropzone">
                                                {{ csrf_field() }}
                                                <div class="fallback">
                                                    <input name="file" type="file" multiple />
                                                </div>
                                                <input name="image_url" id="image_url"type="hidden" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <input type="hidden" name="projectID" id="projectID">
                            </div>

                            <div class="col-md-12 ">                                        
                                <div class="form-group">
                                    <label class="control-label taskFormHeading">@lang('modules.projects.note')</label>
                                    <textarea name="notes" id="notes" rows="3" class="form-control"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12">
                        <div class="row">
                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label class="control-label taskFormHeading required">@lang('modules.projects.projectCategory')
                                        <a href="javascript:;" id="addProjectCategory"
                                            class="btn btn-xs btn-success btn-outline"><i
                                                class="fa fa-plus"></i></a>
                                    </label>
                                    <select class="select2 form-control" name="category_id" id="category_id"
                                        data-style="form-control">
                                        <option value="0">Select Category Name</option>
                                        @forelse($categories as $category)
                                            <option value="{{ $category->id }}">
                                                {{ ucwords($category->category_name) }}</option>
                                        @empty
                                            <option value="">@lang('messages.noProjectCategoryAdded')</option>
                                        @endforelse
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label class="taskFormHeading">@lang('app.department') <a href="javascript:;" id="department-setting"
                                            class="btn btn-xs btn-success btn-outline"><i
                                                class="fa fa-plus"></i></a>
                                    </label>
                                    <select class="select2 form-control" name="team_id" id="department"
                                        data-style="form-control">
                                        <option value="0">@lang('app.selectTeam')</option>
                                        @forelse($teams as $team)
                                            <option value="{{ $team->id }}">{{ ucwords($team->team_name) }}
                                            </option>
                                        @empty
                                        @endforelse
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <div class="m-b-10">
                                        <label class="control-label taskFormHeading">@lang('modules.employees.selectTeam')</label>
                                    </div>
                                    <div class="radio radio-inline">
                                        <input type="radio" name="team"
                                            id="mobile_team" value="{{App\User::MOBILE_TEAM}}" checked>
                                        <label for="mobile_team">
                                        @lang('modules.tasks.mobile_team') </label>
                                    </div>
                                    <div class="radio radio-inline ">
                                        <input type="radio" name="team"
                                            id="web_team" value="{{App\User::WEB_TEAM}}" >
                                        <label for="web_team">
                                        @lang('modules.tasks.web_team') </label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label class="control-label taskFormHeading">@lang('app.portal')
                                    </label>
                                    <select name="portal" id="portal" class="form-control">
                                        <option value="">Select portal type</option>
                                        <option value="fiver">@lang('app.fiver')
                                        </option>
                                        <option value="upwork">@lang('app.upwork')
                                        </option>
                                        <option value="direct">@lang('app.direct')
                                        </option>
                                        <option value="inHouse">@lang('app.inHouse')
                                        </option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label class="control-label taskFormHeading">@lang('app.hourly/fixed')
                                    </label>
                                    <select name="hourly_fixed" id="hourly_fixed" class="form-control">
                                        <option value="">Select hourly/fixed</option>
                                        <option value="hourly">@lang('app.hourly')
                                        </option>
                                        <option value="fixed">@lang('app.fixed')
                                        </option>
                                        <option value="fixed hourly">@lang('app.fixed+hourly')
                                        </option>
                                        <option value="monthly">@lang('app.Monthly')
                                        </option>
                                        <option value="weekly">@lang('app.weekly')
                                        </option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label class="taskFormHeading">@lang('app.projectEmailDate')</label>
                                    <input type="text" name="project_email_date" id="project_email_date" autocomplete="off"
                                        class="form-control" placeholder="Select project email date">
                                </div>
                            </div>
                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label class="taskFormHeading">@lang('app.kickOffCallDate')</label>
                                    <input type="text" name="kick_off_call_date" id="kick_off_call_date" autocomplete="off"
                                        class="form-control" placeholder="Select Kick Off Call Date">
                                </div>
                            </div>
                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label class="control-label taskFormHeading">@lang('modules.projects.projectOverallPlannedHours')</label>
                                    <input type="text" name="overall_planned_hours" placeholder="Enter project overall planned hours" class="form-control">
                                </div>
                            </div>

                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label class="control-label taskFormHeading">@lang('modules.projects.projectOverallSpentHours')</label>
                                    <input type="text" name="overall_spent_hours" placeholder="Enter project overall spent hours" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label class="taskFormHeading">@lang('app.baseCampSetupdate')</label>
                                    <input type="text" name="basecamp_setup_date" id="basecamp_setup_date" autocomplete="off"
                                        class="form-control" placeholder="Select basecamp setup date">
                                </div>
                            </div>
                            <div class="col-md-12 col-lg-6 ">
                                <div class="form-group">
                                    <label class="control-label taskFormHeading">@lang('modules.tasks.priority')</label>
                                    <select class="select2 form-control" name="priority" id="priority"
                                            data-style="form-control">
                                        @forelse($priorityOptions as $priorityKey => $priorityValue)
                                            <option value="{{ $priorityKey }}">{{ ucwords($priorityValue) }}</option>
                                        @empty
                                            <option value="">@lang('messages.noTaskCategoryAdded')</option>
                                        @endforelse
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label class="taskFormHeading">@lang('app.weightage')</label>
                                    <select name="weightage" id="" class="form-control">
                                        <option value="">Select weightage</option>
                                        <option value="w1">@lang('app.w1')
                                        </option>
                                        <option value="w2">@lang('app.w2')
                                        </option>
                                        <option value="w3">@lang('app.w3')
                                        </option>
                                        <option value="w4">@lang('app.w4')
                                        </option>
                                        <option value="w5">@lang('app.w5')
                                        </option>
                                        <option value="w6">@lang('app.w6')
                                        </option>
                                    </select>
                                </div>
                            </div>
                            
                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label class="control-label taskFormHeading">@lang('modules.projects.totalMilestones')</label>
                                    <input type="text" name="total_milestones" placeholder="Enter total milestones" class="form-control">
                                </div>
                            </div>

                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label class="control-label taskFormHeading">@lang('app.crAdded')</label>
                                    <input type="text" name="cr_added" placeholder="Enter CR added" class="form-control">
                                </div>
                            </div>

                            <div class="col-md-12 col-lg-6">
                                <label class="taskFormHeading">@lang('modules.projects.ownership')
                                </label>
                                <select class="select2 m-b-10 select2-multiple  form-control "
                                    data-placeholder="Choose project owner" id="selectOwner" name="owner_id">
                                    <option value="">Select Ownership</option>
                                    @foreach ($owners as $owner)
                                        <option value="{{ $owner->user->id }}">{{ ucwords($owner->user->name) }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-md-12 col-lg-6">
                                <label class="taskFormHeading">@lang('modules.projects.projectManager')
                                </label>
                                <select class="select2 m-b-10 select2-multiple  form-control " multiple="multiple"
                                    data-placeholder="Choose project manager" id="selectProjectManager" name="project_manager_id[]">
                                    @foreach ($projectManagers as $manager)
                                        <option value="{{ $manager->user->id }}">{{ ucwords($manager->user->name) }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-md-12 col-lg-12">
                                <label class="taskFormHeading">@lang('modules.projects.projectCoordinator')
                                </label>
                                <select class="select2 m-b-10 select2-multiple  form-control " multiple="multiple"
                                    data-placeholder="Choose project coordinator" id="selectProjectCoordinator" name="project_coordinator_id[]">
                                    @foreach ($projectCoordinators as $coordinator)
                                        <option value="{{ $coordinator->user->id }}">{{ ucwords($coordinator->user->name) }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-lg-12 col-md-12">
                                <div class="form-group ">
                                    <label class="control-label taskFormHeading">@lang('modules.projects.resourcesWorking')</label>
                                    {{-- <a href="javascript:;" id="add-resource-working" class="btn btn-xs btn-success btn-outline mainPluse"><i class="fa fa-plus"></i></a> --}}
                                    <select class="select2 form-control" 
                                            data-placeholder="@lang('modules.tasks.chooseAssignee')"
                                            name="resource_working[]" id="resource_working" multiple="multiple">
                                        <option value="" ></option>
                                        @foreach($resourceWorking as $resource)
                                            <option value="{{ $resource->user->id }}">{{ ucwords($resource->user->name) }}</option>
                                        @endforeach
                                    </select>
                                    <span class="invalid-feedback resource_working_error" role="alert">
                                        <strong></strong>
                                    </span>
                                </div>
                            </div>

                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label class=" taskFormHeading">@lang('modules.projects.selectClient')
                                        <a href="javascript:;" id="add-client"
                                            class="btn btn-xs btn-success btn-outline"><i class="fa fa-plus"></i></a>
                                    </label>
                                    <select class="select2 form-control" name="client_id" id="client_id"
                                        data-style="form-control">
                                        <option value="">Select Client</option>
                                        @foreach ($clients as $client)
                                            <option value="{{ $client->id }}">{{ ucwords($client->name) }}
                                                @if ($client->company_name != '')
                                                    {{ '(' . $client->company_name . ')' }}
                                                @endif
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label class="control-label taskFormHeading">@lang('app.project') @lang('app.status')</label>
                                    <select name="status" id="" class="form-control">
                                        <!-- <option value="not started">@lang('app.notStarted')
                                        </option> -->
                                        <option value="in progress">@lang('app.inProgress')
                                        </option>
                                        <option value="on hold">@lang('app.onHold')
                                        </option>
                                        <option value="canceled">@lang('app.canceled')
                                        </option>
                                        <option value="finished">@lang('app.finished')
                                        </option>
                                        <option value="under review">@lang('app.underReview')
                                        </option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label class="required taskFormHeading">@lang('modules.projects.startDate')</label>
                                    <input type="text" name="start_date" id="start_date" autocomplete="off"
                                        class="form-control" placeholder="Select start date">
                                </div>
                            </div>

                            <div class="col-md-12 col-lg-6" id="deadlineBox">
                                <div class="form-group">
                                    <label class="required taskFormHeading">@lang('modules.projects.deadline')</label>
                                    <input type="text" name="deadline" id="deadline" autocomplete="off"
                                        class="form-control" placeholder="Select deadline">
                                </div>
                            </div>

							<input type="hidden" name="project_admin" value="{{$user->id}}">

                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label class="control-label taskFormHeading">@lang('modules.projects.projectBudget')</label>
                                    <input type="text" class="form-control" name="project_budget">
                                </div>
                            </div>

                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label class="control-label taskFormHeading">@lang('modules.invoices.currency')</label>
                                    <select name="currency_id" id="" class="select2 form-control">
                                        @foreach ($currencies as $item)
                                            <option @if (global_setting()->currency_id == $item->id) selected @endif
                                                value="{{ $item->id }}">{{ $item->currency_name }}
                                                ({{ $item->currency_code }})</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label class="control-label taskFormHeading">@lang('modules.projects.hours_allocated')</label>
                                    <input type="text" name="hours_allocated" class="form-control">
                                </div>
                            </div>

                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <div class="checkbox themeCheckbox">
                                        <input id="manual_timelog" name="manual_timelog" value="true"
                                            type="checkbox" checked>
                                        <label for="manual_timelog"  class="box_check">@lang('modules.projects.manualTimelog')</label>
                                    </div>
                                </div>
                            </div>

                               <div class="col-md-12 col-lg-6">
                            <!-- <div class="form-group">
                                <div class="checkbox themeCheckbox">
                                    <input id="client_view_task" onchange="checkTask()"
                                        name="client_view_task" value="true" type="checkbox">
                                    <label for="client_view_task"  class="smallLabel">@lang('modules.projects.clientViewTask')</label>
                                </div>
                            </div> -->
                        </div>

                        <div class="col-md-12 col-lg-12" id="clientNotification">
                            <!-- <div class="form-group">
                                <div class="checkbox themeCheckbox">
                                    <input id="client_task_notification" name="client_task_notification"
                                        value="true" type="checkbox">
                                    <label for="client_task_notification">@lang('modules.projects.clientTaskNotification')</label>
                                </div>
                            </div> -->
                        </div>
                            
                            @if (count($fields) > 0)
                                <div class="col-xs-12">
                                <h3 class="box-title m-b-30">@lang('modules.projects.otherInfo')</h3>
                                </div>
                                @foreach ($fields as $field)
                                    <div class="col-md-6">
                                        <label>{{ ucfirst($field->label) }}</label>
                                        <div class="form-group">
                                            @if ($field->type == 'text')
                                                <input type="text"
                                                    name="custom_fields_data[{{ $field->name . '_' . $field->id }}]"
                                                    class="form-control" placeholder="{{ $field->label }}"
                                                    value="{{ $editUser->custom_fields_data['field_' . $field->id] ?? '' }}">
                                            @elseif($field->type == 'password')
                                                <input type="password"
                                                    name="custom_fields_data[{{ $field->name . '_' . $field->id }}]"
                                                    class="form-control" placeholder="{{ $field->label }}"
                                                    value="{{ $editUser->custom_fields_data['field_' . $field->id] ?? '' }}">
                                            @elseif($field->type == 'number')
                                                <input type="number"
                                                    name="custom_fields_data[{{ $field->name . '_' . $field->id }}]"
                                                    class="form-control" placeholder="{{ $field->label }}"
                                                    value="{{ $editUser->custom_fields_data['field_' . $field->id] ?? '' }}">
                                            @elseif($field->type == 'textarea')
                                                <textarea name="custom_fields_data[{{ $field->name . '_' . $field->id }}]" class="form-control"
                                                    id="{{ $field->name }}" cols="3">{{ $editUser->custom_fields_data['field_' . $field->id] ?? '' }}</textarea>
                                            @elseif($field->type == 'radio')
                                                <div class="radio-list">
                                                    @foreach ($field->values as $key => $value)
                                                        <label
                                                            class="radio-inline @if ($key == 0) p-0 @endif">
                                                            <div class="radio radio-info">
                                                                <input type="radio"
                                                                    name="custom_fields_data[{{ $field->name . '_' . $field->id }}]"
                                                                    id="optionsRadios{{ $key . $field->id }}"
                                                                    value="{{ $value }}"
                                                                    @if (isset($editUser) && $editUser->custom_fields_data['field_' . $field->id] == $value) checked @elseif($key == 0) checked @endif>>
                                                                <label
                                                                    for="optionsRadios{{ $key . $field->id }}">{{ $value }}</label>
                                                            </div>
                                                        </label>
                                                    @endforeach
                                                </div>
                                            @elseif($field->type == 'select')
                                            <select name="custom_fields_data[{{ $field->name . '_' . $field->id }}]" class="form-control gender">
                                                @foreach($field->values as $key => $value)
                                                    <option value="{{ $key }}" @if(isset($editUser) && $editUser->custom_fields_data['field_' . $field->id] == $key) selected @endif>{{ $value }}</option>
                                                @endforeach
                                            </select>
                                            
                                            @elseif($field->type == 'checkbox')
                                                <div class="mt-checkbox-inline">
                                                    @foreach ($field->values as $key => $value)
                                                        <label class="mt-checkbox mt-checkbox-outline">
                                                            <input
                                                                name="custom_fields_data[{{ $field->name . '_' . $field->id }}][]"
                                                                type="checkbox" value="{{ $key }}">
                                                            {{ $value }}
                                                            <span></span>
                                                        </label>
                                                    @endforeach
                                                </div>
                                            @elseif($field->type == 'date')
                                                <input type="text" class="form-control date-picker"
                                                    size="16"
                                                    name="custom_fields_data[{{ $field->name . '_' . $field->id }}]"
                                                    value="{{ isset($editUser->dob) ? Carbon\Carbon::parse($editUser->dob)->format('Y-m-d') : Carbon\Carbon::now()->format('m/d/Y') }}">
                                            @endif
                                            <div class="form-control-focus"> </div>
                                            <span class="help-block"></span>

                                        </div>
                                    </div>
                                @endforeach
                            @endif

                            <div class="col-xs-12">
                                <button type="submit" id="save-form" class="themeBtn saveButton">@lang('app.save')</button>
                                <button type="reset" class="themeBtnOutline saveButton">@lang('app.reset')</button>
                            </div>
                        </div>

                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

    {{-- Ajax Modal --}}
    <div class="modal fade bs-modal-md in" id="projectCategoryModal" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-md" id="modal-data-application">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <span class="caption-subject font-red-sunglo bold uppercase" id="modelHeading"></span>
                </div>
                <div class="modal-body">
                    Loading...
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn blue">Save changes</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    {{-- Ajax Modal Ends --}}

    {{-- Ajax Modal --}}
    <div class="modal fade bs-modal-md in" id="departmentModel" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-md" id="modal-data-application">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <span class="caption-subject font-red-sunglo bold uppercase" id="modelHeading"></span>
                </div>
                <div class="modal-body">
                    Loading...
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn blue">Save changes</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    {{-- Ajax Modal Ends --}}
@endsection

@push('footer-script')
    <script src="{{ asset('plugins/bower_components/bootstrap-select/bootstrap-select.min.js') }}"></script>
    <script src="{{ asset('plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>
    <script src="{{ asset('plugins/bower_components/summernote/dist/summernote.min.js') }}"></script>
    <script src="{{ asset('plugins/bower_components/custom-select/custom-select.min.js') }}"></script>
    <script src="{{ asset('plugins/bower_components/dropzone-master/dist/dropzone.js') }}"></script>

    <script>
        let filesMultipleUploadRoute =  "{{ route('files.multiple-upload') }}";
        let projectListsRoute = "{{ route('projects.index') }}";
        let csrfToken = '{{ csrf_token() }}';
        let createProjectCatergoryRoute = "{{ route('projectCategory.create-cat') }}";
        let quickDepartmentCreateRoute =  "{{ route('department.quick-create') }}";
        let createEmployeesRoute =  "{{ route('employees.create') }}";
        let createClientsRoute = "{{ route('clients.create') }}";
        let createProjectRoute = "{{ route('projects.store') }}";
        let globalDatepickerFormat = '{{ $global->date_picker_format }}';
        let noRecordFound = "{{ __('messages.noRecordFound') }}";
        let templateDataRoute = "{{ route('projects.template-data', ':id') }}";     
        
        window.translations = {
        add: "{{ __('app.add') }}",
        client: "{{ __('app.client') }}",
        employee: "{{ __('app.employee') }}",
        manageDepartment: "{{ __('messages.manageDepartment') }}",
        noRecordFound: "{{ __('messages.noRecordFound') }}",
        projectUpdated: "{{ __('modules.projects.projectUpdated') }}"
    };


    </script>

   
    <script src="{{ asset('js/pages/admin/projects/create.js') }}"></script>

@endpush