@extends('layouts.member-app')
@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('member.dashboard') }}">@lang('app.menu.home')</a></li>
                <li><a href="{{ route('member.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="grey-background ">
        <div class="custom-card">
            <div class="panel panel-default mainCustomContent">
                <div class="panel-body ">
                    {!! $smtpSetting->set_smtp_message !!}
                </div>
            </div>
        </div>
    </div> --}}
    <div class="dash_panel ">
        <div class="customCard">
            <div class="panel-heading taskHeading pt-2">Create New Project
                <div class="pull-right">
                    <div class="btn-group dropdown m-r-10">
                        <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 pull-right">
                            @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>
            <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">
                                    <div class="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>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="required taskFormHeading">@lang('modules.projects.addMemberTitle')
                                            <a href="" id="add-employee"
                                                class=""></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="5" 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" 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="5" 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>
                                <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="smallLabel">@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>
                                <div class="col-xs-12">
                                    @if (count($fields) > 0)
                                        <h3 class="box-title m-b-30">@lang('modules.projects.otherInfo') sdfsadf</h3>
                                        <div class="row">
                                            @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
                                        </div>
                                    @endif
                                </div>
                                <div class="col-xs-12 form-actions">
                                    <button type="submit" id="save-form" class="btn btn-success saveButton"><i
                                            class="fa fa-check"></i>
                                        @lang('app.save')
                                    </button>
                                    <button type="reset" class="btn btn-default 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('member.files.multiple-upload') }}";
        let projectListsRoute = "{{ route('member.projects.index') }}";
        let csrfToken = '{{ csrf_token() }}';
        let createProjectCatergoryRoute = "{{ route('member.projectCategory.create-cat') }}";
        let quickDepartmentCreateRoute = "{{ route('member.department.quick-create') }}";
        let createProjectRoute = "{{ route('member.projects.saved') }}";
        let globalDatepickerFormat = '{{ $global->date_picker_format }}';
        let noRecordFound = "{{ __('messages.noRecordFound') }}";
        let templateDataRoute = "{{ route('member.projects.template-data', ':id') }}";
        let createClientsRoute = "{{ route('member.clients.create') }}";
        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/member/projects/create.js') }}"></script>
@endpush