@extends('layouts/contentLayoutMaster')

@section('title', 'Job')

@section('vendor-style')
    <!-- vendor css files -->
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/select/select2.min.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/pickers/flatpickr/flatpickr.min.css')) }}">
@endsection

@section('page-style')
    {{-- Page Css files --}}
    <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/form-validation.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/pickers/form-flat-pickr.css')) }}">
    <link rel="stylesheet" href="{{ asset('vendors/css/ui/jobs-themes.css') }}">
@endsection

@section('content')

    <!-- list start -->
    <section class="app-user-list details-jobs-page">

        @php
            $groups = App\Models\JobGroup::pluck('name', 'id')->all();
            $subjects = App\Models\JobSubject::pluck('name', 'id')->all();
            $types = App\Models\JobType::pluck('name', 'id')->all();
        @endphp
        <!-- Striped rows start -->
        <div class="row jobsTheme">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Job Details</h4>
                        <div class="heading-elements">
                            <ul class="list-inline mb-0">
                                <li>
                                    <a class="" data-action="collapse"><i data-feather="chevron-down"></i></a>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <div class="card-content collapse show">
                        <div class="card-body">
                            <div class="mb-1 row justify-content-between margin20">
                                <div class="col-md-3 eachBox mt-2 mt-xl-0 req-info-fields">
                                    <span class="labelCostBox">Request Info</span>
                                    <div class="col-sm-2 mx-auto">
                                        <label class="col-form-label" for="">Department</label>
                                        <input type="text" id="" class="form-control bg-light-secondary" name="" value="{{ $groups[ $job->group_id ] }}" readonly/>
                                    </div>
                                    <div class="col-sm-2 mx-auto">
                                        <label class="col-form-label" for="">Subject</label>
                                        <input type="text" id="" class="form-control bg-light-secondary" name="" value="{{ $subjects[ $job->subject_id ] }}" readonly/>
                                    </div>
                                    <div class="col-sm-2 mx-auto">
                                        <label class="col-form-label" for="">Priority</label>
                                        <input type="text" id="" class="form-control bg-light-secondary" name="" value="{{ $types[ $job->type_id ] }}" readonly/>
                                    </div>
                                </div>
                                <div class="col-md-3 eachBox mt-2 mt-xl-0 ref-info-fields">
                                    <span class="labelCostBox">Reference Info</span>
                                    <div class="col-sm-2 mx-auto">
                                        <label class="col-form-label" for="">Customer RFQ</label>
                                        <input type="text" id="" class="form-control bg-light-success" name="" value="{!! $job->id_number !!}" readonly/>
                                    </div>
                                    <div class="col-sm-2 mx-auto">
                                        <label class="col-form-label" for="">Customer Ref.</label>
                                        <input type="text" id="" class="form-control bg-light-success" name="" value="{!! $job->number !!}" readonly/>
                                    </div>
                                    <div class="col-sm-2 mx-auto">
                                        <label class="col-form-label" for="">Vendor Ref.</label>
                                        <input type="text" id="" class="form-control bg-light-success" name="" value="{!! $job->sub_number !!}" readonly/>
                                    </div>
                                </div>
                                <div class="col-md-3 eachBox mt-2 mt-xl-0 date-info-fields">
                                    <span class="labelCostBox">Date Info</span>
                                    <div class="col-sm-2 mx-auto">
                                        <label class="col-form-label" for="">Date</label>
                                        <input type="text" id="" class="form-control bg-light-danger" name="" value="{{ $job->date }}" readonly/>
                                    </div>
                                    <div class="col-sm-2 mx-auto">
                                        <label class="col-form-label" for="">Start Date</label>
                                        <input type="text" id="" class="form-control bg-light-danger" name="" value="{{ $job->start_date }}" readonly/>
                                    </div>
                                    <div class="col-sm-2 mx-auto">
                                        <label class="col-form-label" for="">Due date</label>
                                        <input type="text" id="" class="form-control bg-light-danger" name="" value="{{ $job->end_date }}" readonly/>
                                    </div>
                                </div>

                                <div class="col-12 p-0 full-width-field">
                                    <label class="col-form-label" for="">Title</label>
                                    <input type="text" id="" class="form-control bg-light-primary" name="" value="{!! $job->title !!}" readonly/>
                                </div>
                                <div class="col-12 p-0 full-width-field">
                                    <label class="col-form-label" for="">Description</label>
                                    <textarea id="" class="form-control bg-light-primary" name="" rows="3" readonly>{!! $job->description !!}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Striped rows end -->

        @include('content.partial.form-message')

        <!-- Striped rows start -->
        <div class="row">
            <div class="col-12">
                <div class="card card-without-bg mb-0">
                    <div class="card-header">
                        <h4 class="card-title">
                            Activities & Actions
                            &nbsp;&nbsp;&nbsp;
                            @can('Subsystem - Jobs - Edit')
                                <a class="btn btn-outline-primary btn-sm" href="#" role="button" data-bs-toggle="modal" data-bs-target="#insert-activity">Add Activity</a>
                            @endcan
                        </h4>
                        <div class="heading-elements">
                            <ul class="list-inline mb-0">
                                <li>
                                    <a class="" data-action="collapse"><i data-feather="chevron-down"></i></a>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <!-- create activity modal -->
                    <div class="modal fade" id="insert-activity" tabindex="-1" aria-labelledby="referEarnTitle" aria-hidden="true">
                        <div class="modal-dialog modal-dialog-centered modal-lg modal-refer-earn">
                            <div class="modal-content">
                                <div class="modal-header bg-transparent">
                                    <h4 class="text-start px-2 py-1" id="referEarnTitle">Add Activity</h4>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                </div>
                                <div class="modal-body pb-3 px-sm-0">
                                    <div class="mx-3">
                                        <form class="form" method="POST" action="{{ route('subsystem.jobs.activities.create', ['job' => $job]) }}" enctype="multipart/form-data">
                                            @csrf
                                            <div class="col-12">
                                                <label class="col-form-label" for="type_id">Priority *</label>
                                                @php
                                                $types = \App\Models\JobType::where('group_id', '=', $job->group_id)->orderBy('name', 'asc')->get();
                                                if($types->count()){
                                                @endphp

                                                <select class="select2 form-select" id="type_id" name="type_id" required>
                                                    <option value="" selected="selected">Select</option>
                                                    @foreach($types as $type)
                                                    <option value="{{ $type->id }}" @if( old("type_id", request()->input("type_id")) == $type->id ) selected @endif>{{ $type->name }}</option>
                                                    @endforeach
                                                </select>

                                                @php
                                                }
                                                @endphp

                                                @error('type_id')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                            </div>
                                            <div class="col-12">
                                                <label class="col-form-label" for="description">Description *</label>
                                                <textarea id="description" class="form-control @error('description') is-invalid @enderror" name="description" rows="3" placeholder="شرح" required>{{ old('description', request()->input('description')) }}</textarea>
                                                @error('description')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                            </div>
                                            <div class="col-12">
                                                <label class="col-form-label" for="start_date">Start Date</label>
                                                <input type="text" id="start_date" class="form-control @error('start_date') is-invalid @enderror" name="start_date" placeholder="Start Date" value="{{ old('start_date', request()->input('start_date')) }}" />
                                                @error('start_date')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                            </div>
                                            <div class="col-12">
                                                <label class="col-form-label" for="end_date">Due date</label>
                                                <input type="text" id="end_date" class="form-control @error('end_date') is-invalid @enderror" name="end_date" placeholder="Due date" value="{{ old('end_date', request()->input('end_date')) }}" />
                                                @error('end_date')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                            </div>
                                            <div class="col-12">
                                                <label class="col-form-label" for="weight">Importance *</label>
                                                <input class="form-control size1" type="number" min="1" max="10" step="1" id="weight" name="weight" value="{{ old("weight", request()->input("weight") ? request()->input("weight") : 1) }}" />
                                                @error('weight')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                            </div>
                                            <!--div class="col-12">
                                                <div class="mb-1 row">
                                                    <div class="col-sm-2">
                                                        <label class="col-form-label" for="progress_percent">Progress % *</label>
                                                    </div>
                                                    <div class="col-sm-10">
                                                        <input class="form-control size1" type="number" min="0" max="100" step="10" id="progress_percent" name="progress_percent" value="{{ old("progress_percent", request()->input("progress_percent") ? request()->input("progress_percent") : 0) }}" />
                                                        @error('progress_percent')
                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <div class="mb-1 row">
                                                    <div class="col-sm-2">
                                                        <label class="col-form-label" for="confirm">Status *</label>
                                                    </div>
                                                    <div class="col-sm-10">
                                                        @php
                                                            $statuses = ["0" => "UnConfirm", "1" => "Confirm"];
                                                            if( !empty($statuses) ){
                                                        @endphp

                                                        <select class="select form-select" id="confirm" name="confirm" required>
                                                            @foreach($statuses as $id => $value)
                                                                <option value="{{ $id }}" @if( old("confirm", request()->input("confirm")) == $id ) selected @endif>{{ $value }}</option>
                                                            @endforeach
                                                        </select>

                                                        @php
                                                            }
                                                        @endphp

                                                        @error('confirm')
                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div-->
                                            <div class="col-12">
                                                <label class="col-form-label" for="next_follow_date">Next Follow Date</label>
                                                <input type="text" id="next_follow_date" class="form-control @error('next_follow_date') is-invalid @enderror" name="next_follow_date" placeholder="Next Follow Date" value="{{ old('next_follow_date', request()->input('next_follow_date')) }}" />
                                                @error('next_follow_date')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                            </div>
                                            <div class="col-12 text-end mt-2">
                                                <button type="submit" class="btn btn-primary">Submit</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- / create activity modal -->

                    <div class="card-content collapse show">

                        @php
                            $i = 0;
                        @endphp

                        @foreach( $job_activities as $job_activity )

                            @php
                                $i++;
                            @endphp

                        <div class="table-responsive exception-table-header">
                            <table class="table">
                                <thead>
                                <tr>
                                    <th class="py-1 bg-success" width="1">{{ $i }}</th>
                                    <th class="py-1" width="30%">{{ $job_activity->description }}</th>
                                    <th class="py-1">
                                        <span class="bg-light-primary">Dead line:</span>
                                        {{ $job_activity->start_date }}
                                        <br>
                                        {{ $job_activity->end_date }}
                                        <br><br>
                                        <span class="bg-light-primary">Next Follow:</span>

                                        {{ $job_activity->next_follow_date }}
                                    </th>
                                    <th class="py-1">
                                        <span class="bg-light-primary">Progress:</span>
                                        {{ number_format( $job_activity->progress_percent, 2 ) }}
                                        <br><br>
                                        <span class="bg-light-primary">Importance:</span>
                                        {{ number_format( $job_activity->weight, 2 ) }}
                                    </th>
                                    <th class="py-1">
                                        <span class="bg-light-primary">Priority:</span>
                                        {{ $job_activity->jobType->name }}
                                        <br><br>
                                        <span class="bg-light-primary">Status:</span>
                                        {{ $job_activity->confirm ? "Confirm" : "UnConfirm" }}
                                    </th>
                                    <th class="py-1">
                                        <span class="bg-light-primary">Attachment:</span>
                                        @php
                                            $files = App\Models\JobFile::where('for', '=', 'activity')->where('for_id', '=', $job_activity->id)->get();
                                        @endphp
                                        @foreach( $files as $file )
                                            <a class="text-white d-inline-block" href="{{ asset('storage/' . $file->file_path) }}" target="_blank">
                                                {{ $file->name }}
                                            </a>
                                            @can('Subsystem - Jobs - Edit')
                                                <a class="text-white" href="{{ route('subsystem.jobs.activities.files.remove', ['job' => $job_activity->job, 'activity' => $job_activity, 'file' => $file]) }}" onclick="event.preventDefault(); document.getElementById('destroy-form-activity-file-{{ $file->id }}').submit();" title="Remove">
                                                    <i data-feather="trash"></i>
                                                </a>
                                                <form method="POST" id="destroy-form-activity-file-{{ $file->id }}" action="{{ route('subsystem.jobs.activities.files.remove', ['job' => $job_activity->job, 'activity' => $job_activity, 'file' => $file]) }}">
                                                    @csrf
                                                    @method('delete')
                                                </form>
                                            @endcan
                                        @endforeach
                                    </th>
                                    <th class="py-1">
                                        <span class="bg-light-primary">User:</span>
                                        @php
                                            $users = App\Models\JobUser::where('activity_id', '=', $job_activity->id)->get();
                                        @endphp
                                        @foreach( $users as $user )
                                            {{ $user->user->name }}
                                            @can('Subsystem - Jobs - Edit')
                                                <a class="text-white" href="{{ route('subsystem.jobs.activities.users.remove', ['job' => $job_activity->job, 'activity' => $job_activity, 'user' => $user]) }}" onclick="event.preventDefault(); document.getElementById('destroy-form-activity-user-{{ $user->id }}').submit();" title="Remove">
                                                    <i data-feather="trash"></i>
                                                </a>
                                                <form method="POST" id="destroy-form-activity-user-{{ $user->id }}" action="{{ route('subsystem.jobs.activities.users.remove', ['job' => $job_activity->job, 'activity' => $job_activity, 'user' => $user]) }}">
                                                    @csrf
                                                    @method('delete')
                                                </form>
                                            @endcan

                                        @endforeach
                                    </th>
                                    <th class="py-1" width="170">
                                        <span class="bg-light-primary mb-1">Action:</span>
                                        @can('Subsystem - Jobs - Edit')
                                            <a class="text-white" href="#" title="Attachment" data-bs-toggle="modal" data-bs-target="#insert-activity-file-{{ $job_activity->id }}">
                                                <i data-feather="upload"></i>
                                            </a>
                                        @endcan
                                        &nbsp;
                                        @can('Subsystem - Jobs - Edit')
                                            <a class="text-white" href="#" title="Admin" data-bs-toggle="modal" data-bs-target="#insert-activity-user-{{ $job_activity->id }}">
                                                <i data-feather="user-plus"></i>
                                            </a>
                                        @endcan
                                        &nbsp;
                                        @can('Subsystem - Jobs - Edit')
                                        <a class="text-white" href="#" title="Edit" data-bs-toggle="modal" data-bs-target="#edit-activity-{{ $job_activity->id }}">
                                            <i data-feather="edit-2"></i>
                                        </a>
                                        @endcan
                                        &nbsp;
                                        @can('Subsystem - Jobs - Edit')
                                        <a class="text-white" href="{{ route('subsystem.jobs.activities.remove', ['job' => $job_activity->job, 'activity' => $job_activity]) }}" onclick="event.preventDefault(); document.getElementById('destroy-form-activity-{{ $job_activity->id }}').submit();" title="Remove">
                                            <i data-feather="trash"></i>
                                        </a>
                                        <form method="POST" id="destroy-form-activity-{{ $job_activity->id }}" action="{{ route('subsystem.jobs.activities.remove', ['job' => $job_activity->job, 'activity' => $job_activity]) }}">
                                            @csrf
                                            @method('delete')
                                        </form>
                                        @endcan
                                        <br>
                                        @can('Subsystem - Jobs - User View')
                                        @if( !$job_activity->confirm && $job_activity->jobUsers->where('user_id', '=', auth()->user()->id)->first() )
                                            <a class="btn btn-outline-white btn-sm" href="#" role="button" data-bs-toggle="modal" data-bs-target="#insert-activity-action-{{ $job_activity->id }}">Add Action</a>
                                        @endif
                                        @endcan
                                    </th>
                                </tr>
                                </thead>
                            </table>
                        </div>

                        <!-- edit activity modal -->
                        <div class="modal fade" id="edit-activity-{{ $job_activity->id }}" tabindex="-1" aria-labelledby="referEarnTitle" aria-hidden="true">
                            <div class="modal-dialog modal-dialog-centered modal-lg modal-refer-earn">
                                <div class="modal-content">
                                    <div class="modal-header bg-transparent">
                                        <h4 class="text-start px-2 py-1" id="referEarnTitle">Edit Activity</h4>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                    </div>
                                    <div class="modal-body pb-3 px-sm-0">
                                        <div class="mx-3">
                                            <form class="form" method="POST" action="{{ route('subsystem.jobs.activities.edit', ['job' => $job_activity->job, 'activity' => $job_activity]) }}" enctype="multipart/form-data">
                                                @csrf
                                                <div class="col-12">
                                                    <label class="col-form-label" for="type_id">Priority *</label>
                                                    @php
                                                    $types = \App\Models\JobType::where('group_id', '=', $job->group_id)->orderBy('name', 'asc')->get();
                                                    if($types->count()){
                                                    @endphp

                                                    <select class="select2 form-select" id="type_id" name="type_id" required>
                                                        <option value="" selected="selected">Select</option>
                                                        @foreach($types as $type)
                                                        <option value="{{ $type->id }}" @if( old("type_id", $job_activity->type_id) == $type->id ) selected @endif>{{ $type->name }}</option>
                                                        @endforeach
                                                    </select>

                                                    @php
                                                    }
                                                    @endphp

                                                    @error('type_id')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <div class="col-12">
                                                    <label class="col-form-label" for="description">Description *</label>
                                                    <textarea id="description" class="form-control @error('description') is-invalid @enderror" name="description" rows="3" placeholder="شرح" required>{{ old('description', $job_activity->description) }}</textarea>
                                                    @error('description')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <div class="col-12">
                                                    <label class="col-form-label" for="start_date">Start Date</label>
                                                    <input type="text" id="start_date_{{ $job_activity->id }}" class="form-control @error('start_date') is-invalid @enderror" name="start_date" placeholder="Start Date" value="{{ old('start_date', $job_activity->start_date) }}" />
                                                    @error('start_date')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <div class="col-12">
                                                    <label class="col-form-label" for="end_date">Due date</label>
                                                    <input type="text" id="end_date_{{ $job_activity->id }}" class="form-control @error('end_date') is-invalid @enderror" name="end_date" placeholder="Due date" value="{{ old('end_date', $job_activity->end_date) }}" />
                                                    @error('end_date')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <div class="col-12">
                                                    <label class="col-form-label" for="weight">Importance *</label>
                                                    <input class="form-control size1" type="number" min="1" max="10" step="1" id="weight" name="weight" value="{{ old("weight", $job_activity->weight) }}" />
                                                    @error('weight')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <div class="col-12">
                                                    <label class="col-form-label" for="progress_percent">Progress % *</label>
                                                    <input class="form-control size1" type="number" min="0" max="100" step="10" id="progress_percent" name="progress_percent" value="{{ old("progress_percent", $job_activity->progress_percent) }}" />
                                                    @error('progress_percent')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <div class="col-12">
                                                    <label class="col-form-label" for="confirm">Status *</label>
                                                    @php
                                                    $statuses = ["0" => "UnConfirm", "1" => "Confirm"];
                                                    if( !empty($statuses) ){
                                                    @endphp

                                                    <select class="select form-select" id="confirm" name="confirm" required>
                                                        @foreach($statuses as $id => $value)
                                                        <option value="{{ $id }}" @if( old("confirm", $job_activity->confirm) == $id ) selected @endif>{{ $value }}</option>
                                                        @endforeach
                                                    </select>

                                                    @php
                                                    }
                                                    @endphp

                                                    @error('confirm')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <div class="col-12">
                                                    <label class="col-form-label" for="next_follow_date">Next Follow Date</label>
                                                    <input type="text" id="next_follow_date_{{ $job_activity->id }}" class="form-control @error('next_follow_date') is-invalid @enderror" name="next_follow_date" placeholder="Next Follow Date" value="{{ old('next_follow_date', $job_activity->next_follow_date) }}" />
                                                    @error('next_follow_date')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <div class="col-12 text-end mt-2">
                                                    <button type="submit" class="btn btn-primary">Submit</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- / edit activity modal -->

                        <!-- create activity file modal -->
                        <div class="modal fade" id="insert-activity-file-{{ $job_activity->id }}" tabindex="-1" aria-labelledby="referEarnTitle" aria-hidden="true">
                            <div class="modal-dialog modal-dialog-centered modal-lg modal-refer-earn">
                                <div class="modal-content">
                                    <div class="modal-header bg-transparent">
                                        <h4 class="text-start px-2 py-1" id="referEarnTitle">Add Attachment</h4>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                    </div>
                                    <div class="modal-body pb-3 px-sm-0">
                                        <div class="mx-3">
                                            <form class="form" method="POST" action="{{ route('subsystem.jobs.activities.files.create', ['job' => $job, 'activity' => $job_activity]) }}" enctype="multipart/form-data">
                                                @csrf
                                                <div class="col-12">
                                                    <label class="col-form-label" for="name">Name *</label>
                                                    <input type="text" id="name" class="form-control @error('name') is-invalid @enderror" name="name" placeholder="Attachment Name" value="{{ old('name', request()->input('name')) }}" required/>
                                                    @error('name')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <div class="col-12">
                                                    <label class="col-form-label" for="file">Attachment *</label>
                                                    <input class="form-control" type="file" id="file" name="file" />
                                                    @error('file')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <div class="col-12 text-end mt-2">
                                                    <button type="submit" class="btn btn-primary">Submit</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- / create activity file modal -->

                        <!-- create activity user modal -->
                        <div class="modal fade" id="insert-activity-user-{{ $job_activity->id }}" tabindex="-1" aria-labelledby="referEarnTitle" aria-hidden="true">
                            <div class="modal-dialog modal-dialog-centered modal-lg modal-refer-earn">
                                <div class="modal-content">
                                    <div class="modal-header bg-transparent">
                                        <h4 class="text-start px-2 py-1" id="referEarnTitle">Add User</h4>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                    </div>
                                    <div class="modal-body pb-3 px-sm-0">
                                        <div class="mx-3">
                                            <form class="form" method="POST" action="{{ route('subsystem.jobs.activities.users.create', ['job' => $job, 'activity' => $job_activity]) }}" enctype="multipart/form-data">
                                                @csrf

                                                <div class="col-12">
                                                    <label class="col-form-label" for="user_id">User *</label>
                                                    @php
                                                    $users = App\Models\User::where('status', '=', 'Enabled')->orderBy('name', 'asc')->get();
                                                    if($users->count()){
                                                    @endphp

                                                    <select class="select2 form-select" id="user_id_{{ $job_activity->id }}" name="user_id" required>
                                                        <option value="" selected="selected">Select</option>
                                                        @foreach($users as $user)
                                                        <option value="{{ $user->id }}" @if( old("user_id", request()->input("user_id")) == $user->id ) selected @endif>{{ $user->name }}</option>
                                                        @endforeach
                                                    </select>

                                                    @php
                                                    }
                                                    @endphp
                                                </div>
                                                <div class="col-12 text-end mt-2">
                                                    <button type="submit" class="btn btn-primary">Submit</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- / create activity user modal -->

                        <!-- create activity action modal -->
                        <div class="modal fade" id="insert-activity-action-{{ $job_activity->id }}" tabindex="-1" aria-labelledby="referEarnTitle" aria-hidden="true">
                            <div class="modal-dialog modal-dialog-centered modal-lg modal-refer-earn">
                                <div class="modal-content">
                                    <div class="modal-header bg-transparent">
                                        <h4 class="text-start px-2 py-1" id="referEarnTitle">Add Action</h4>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                    </div>
                                    <div class="modal-body pb-3 px-sm-0">
                                        <div class="mx-3">
                                            <form class="form" method="POST" action="{{ route('subsystem.jobs.activities.actions.create', ['job' => $job, 'activity' => $job_activity]) }}" enctype="multipart/form-data">
                                                @csrf
                                                <div class="col-12">
                                                    <label class="col-form-label" for="action">Action *</label>
                                                    <textarea id="action" class="form-control @error('description') is-invalid @enderror" name="action" rows="3" placeholder="اقدام" required>{{ old('action', request()->input("action")) }}</textarea>
                                                    @error('action')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <div class="col-12">
                                                    <label class="col-form-label" for="progress_percent">Progress % *</label>
                                                    <input class="form-control size1" type="number" min="0" max="100" step="10" id="progress_percent" name="progress_percent" value="{{ old("progress_percent", $job_activity->progress_percent) }}" />
                                                    @error('progress_percent')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <div class="col-12 text-end mt-2">
                                                    <button type="submit" class="btn btn-primary">Submit</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- / create activity action modal -->
                    </div>
                        <div class="">
                            <div class="table-responsive second-table">
                                <table class="table" cellpadding="5" cellspacing="0" style="border-collapse: collapse;">
                                    <thead>
                                    <tr>
                                        <th>Row</th>
                                        <th>Action Date</th>
                                        <th>Performer</th>
                                        <th width="40%">Action</th>
                                        <th width="200">Attachment</th>
                                        <th>Remark</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                            $actions = App\Models\JobAction::where('activity_id', '=', $job_activity->id)->orderBy('updated_at', 'asc')->get();
                                            $j = 0;
                                        @endphp
                                        @foreach( $actions as $action )
                                            @php
                                                $j++;
                                            @endphp
                                        <tr>
                                            <td>{{ $j }}</td>
                                            <td>{{ $action->updated_at }}</td>
                                            <td>{{ $action->user->name }}</td>
                                            <td>{!! $action->action !!}</td>
                                            <td>
                                                @php
                                                    $files = App\Models\JobFile::where('for', '=', 'action')->where('for_id', '=', $action->id)->get();
                                                @endphp
                                                @foreach( $files as $file )
                                                    <a class="text-secondary d-inline-block" href="{{ asset('storage/' . $file->file_path) }}" target="_blank">
                                                        {{ $file->name }}
                                                    </a>
                                                    @can('Subsystem - Jobs - User View')
                                                    @if( !$job_activity->confirm && $action->user_id == auth()->user()->id )
                                                        <a class="text-black" href="{{ route('subsystem.jobs.activities.actions.files.remove', ['job' => $job_activity->job, 'activity' => $job_activity, 'action' => $action, 'file' => $file]) }}" onclick="event.preventDefault(); document.getElementById('destroy-form-activity-action-file-{{ $file->id }}').submit();" title="Remove">
                                                            <i data-feather="trash"></i>
                                                        </a>
                                                        <form method="POST" id="destroy-form-activity-action-file-{{ $file->id }}" action="{{ route('subsystem.jobs.activities.actions.files.remove', ['job' => $job_activity->job, 'activity' => $job_activity, 'action' => $action, 'file' => $file]) }}">
                                                            @csrf
                                                            @method('delete')
                                                        </form>
                                                    @endif
                                                    @endcan
                                                @endforeach
                                            </td>
                                            <td>
                                                @can('Subsystem - Jobs - User View')
                                                @if( !$job_activity->confirm && $action->user_id == auth()->user()->id )
                                                    <a class="text-black" href="#" title="پیوست" data-bs-toggle="modal" data-bs-target="#insert-activity-action-file-{{ $action->id }}">
                                                        <i data-feather="upload"></i>
                                                    </a>
                                                @endif
                                                @endcan
                                                &nbsp;
                                                @can('Subsystem - Jobs - User View')
                                                @if( !$job_activity->confirm && $action->user_id == auth()->user()->id )
                                                    <a class="text-black" href="{{ route('subsystem.jobs.activities.actions.remove', ['job' => $job_activity->job, 'activity' => $job_activity, 'action' => $action]) }}" onclick="event.preventDefault(); document.getElementById('destroy-form-activity-action-{{ $action->id }}').submit();" title="Remove">
                                                        <i data-feather="trash"></i>
                                                    </a>
                                                    <form method="POST" id="destroy-form-activity-action-{{ $action->id }}" action="{{ route('subsystem.jobs.activities.actions.remove', ['job' => $job_activity->job, 'activity' => $job_activity, 'action' => $action]) }}">
                                                        @csrf
                                                        @method('delete')
                                                    </form>
                                                @endif
                                                @endcan
                                            </td>
                                        </tr>

                                        <!-- create activity action file modal -->
                                        <div class="modal fade" id="insert-activity-action-file-{{ $action->id }}" tabindex="-1" aria-labelledby="referEarnTitle" aria-hidden="true">
                                            <div class="modal-dialog modal-dialog-centered modal-lg modal-refer-earn">
                                                <div class="modal-content">
                                                    <div class="modal-header bg-transparent">
                                                        <h4 class="text-start px-2 py-1" id="referEarnTitle">Add Attachment</h4>
                                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                    </div>
                                                    <div class="modal-body pb-3 px-sm-0">
                                                        <div class="mx-3">
                                                            <form class="form" method="POST" action="{{ route('subsystem.jobs.activities.actions.files.create', ['job' => $job, 'activity' => $job_activity, 'action' => $action]) }}" enctype="multipart/form-data">
                                                                @csrf
                                                                <div class="col-12">
                                                                    <label class="col-form-label" for="name">Name *</label>
                                                                    <input type="text" id="name" class="form-control @error('name') is-invalid @enderror" name="name" placeholder="Attachment Name" value="{{ old('name', request()->input('name')) }}" required/>
                                                                    @error('name')
                                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                                    @enderror
                                                                </div>
                                                                <div class="col-12">
                                                                    <label class="col-form-label" for="file">Attachment *</label>
                                                                    <input class="form-control" type="file" id="file" name="file" />
                                                                    @error('file')
                                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                                    @enderror
                                                                </div>
                                                                <div class="col-12 text-end mt-2">
                                                                    <button type="submit" class="btn btn-primary">Submit</button>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- / create activity action file modal -->

                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        @endforeach


                </div>
            </div>
        </div>
        <!-- Striped rows end -->

        <!-- Striped rows start -->
        @can('Subsystem - Jobs - Follow')
        <div class="">
            <div class="col-12">
                <div class="card card-without-bg ">
                    <div class="card-header">
                        <h4 class="card-title">
                            Follows
                            &nbsp;&nbsp;&nbsp;
                            <a class="btn btn-outline-danger btn-sm" href="#" role="button" data-bs-toggle="modal" data-bs-target="#insert-follow">Add Follow</a>
                        </h4>
                        <div class="heading-elements">
                            <ul class="list-inline mb-0">
                                <li>
                                    <a class="" data-action="collapse"><i data-feather="chevron-down"></i></a>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <!-- create follow modal -->
                    <div class="modal fade" id="insert-follow" tabindex="-1" aria-labelledby="referEarnTitle" aria-hidden="true">
                        <div class="modal-dialog modal-dialog-centered modal-lg modal-refer-earn">
                            <div class="modal-content">
                                <div class="modal-header bg-transparent">
                                    <h4 class="text-start px-2 py-1" id="referEarnTitle">Add Follow</h4>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                </div>
                                <div class="modal-body pb-3 px-sm-0f">
                                    <div class="mx-3">
                                        <form class="form" method="POST" action="{{ route('subsystem.jobs.follows.create', ['job' => $job]) }}" enctype="multipart/form-data">
                                            @csrf
                                            <div class="col-12">
                                                <label class="col-form-label" for="follow">Follow *</label>
                                                <textarea id="follow" class="form-control @error('follow') is-invalid @enderror" name="follow" rows="3" placeholder="Follow" required>{{ old('follow', request()->input('follow')) }}</textarea>
                                                @error('follow')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                            </div>
                                            <div class="col-12 text-end mt-2">
                                                <button type="submit" class="btn btn-primary">Submit</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- / create follow modal -->

                    <div class="card-content collapse show">
                        <div class="">
                            <div class="table-responsive second-table out-of-theme-tbl">
                                <table class="table" cellpadding="5" cellspacing="0" style="border-collapse: collapse;">
                                    <thead>
                                    <tr>
                                        <th>Row</th>
                                        <th>Follow Datetime</th>
                                        <th>Follower</th>
                                        <th width="45%">Follow</th>
                                        <th>Action</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @php
                                        $follows = App\Models\JobFollow::where('job_id', '=', $job->id)->orderBy('updated_at', 'asc')->get();
                                        $k = 0;
                                    @endphp
                                    @foreach( $follows as $follow )
                                        @php
                                            $k++;
                                        @endphp
                                        <tr>
                                            <td>{{ $k }}</td>
                                            <td>{{ $follow->updated_at }}</td>
                                            <td>{{ $follow->user->name }}</td>
                                            <td>{!! $follow->follow !!}</td>
                                            <td>
                                                @can('Subsystem - Jobs - Follow')
                                                @if( $follow->user_id == auth()->user()->id )
                                                    <a class="text-black" href="{{ route('subsystem.jobs.follows.remove', ['job' => $job, 'follow' => $follow]) }}" onclick="event.preventDefault(); document.getElementById('destroy-form-follow-{{ $follow->id }}').submit();" title="Remove">
                                                        <i data-feather="trash"></i>
                                                    </a>
                                                    <form method="POST" id="destroy-form-follow-{{ $follow->id }}" action="{{ route('subsystem.jobs.follows.remove', ['job' => $job, 'follow' => $follow]) }}">
                                                        @csrf
                                                        @method('delete')
                                                    </form>
                                                @endif
                                                @endcan
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endcan
        <!-- Striped rows end -->
    </section>
    <!-- list ends -->
@endsection

@section('vendor-script')
    <!-- vendor files -->
    <script src="{{ asset(mix('vendors/js/forms/select/select2.full.min.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/pickers/flatpickr/flatpickr.min.js')) }}"></script>
@endsection

@section('page-script')
    <!-- Page js files -->
    <script src="{{ asset(mix('js/scripts/forms/form-select2.js')) }}"></script>

    <script>
        $('#start_date').flatpickr();
        $('#end_date').flatpickr();
        $('#next_follow_date').flatpickr();

        @foreach( $job_activities as $job_activity )
            $('#start_date_{{ $job_activity->id }}').flatpickr();
            $('#end_date_{{ $job_activity->id }}').flatpickr();
            $('#next_follow_date_{{ $job_activity->id }}').flatpickr();
        @endforeach
    </script>
@endsection