@php
$authUser = $authUser ?? auth()->user();
if(!isset($departments)){
    $departments = $authUser->departments;
}
@endphp
@extends('layouts.left-sidebar-layout', [
    'pageTitle' => $pageTitle ?? "Service:: {$service->name}",
    'pageShortNote' => ($service->department) ? "Department:: {$service->department->display_name}" : ''
])

@section('side-header-content')
    <p style="clear: both; font-weight: bold; text-align: left">
        <span style="text-decoration: underline"> Ministry</span><br>
        <span class="text-success">{{ $service->department->ministry->display_name}}</span></p>
@endsection

@section('view-option-items')
    <ul class="link-list-opt no-bdr">
        <li>
            <a class="edit-office-action" href="javascript:void(0)" data-toggle="modal"
               data-target="#editServiceModalForm"><em class="icon ni ni-edit-alt"></em>Edit Details </a></li>
        <li>
        <li>
            @if($service->is_active)
                <a class="deactivation-action text-danger" href="javascript:void(0)"
                   onclick="BaseHelper.submitActionForm(
                           '{{ route('services.deactivate', ['service' => $service->id]) }}',
                           'Applications under this service wound be processed',
                           true, 'GET',
                           'Are sure you want to \'Deactivate\' this service'
                           )">
                    Deactivate
                </a>
            @else
                <a class="activation-action text-primary" href="javascript:void(0)"
                   onclick="BaseHelper.submitActionForm(
                           '{{ route('services.activate', ['service' => $service->id]) }}',
                           'Applications under this service may not be processed',
                           true, 'GET',
                           'Are sure you want to \'Activate\' this service')">
                    Activate
                </a>
            @endif
        </li>
    </ul>
@endsection

@section('side-menu-items')
    <ul class="link-list-menu">
        {{--@if($authUser->can('view_department_payments'))--}}
            {{--<li class="side-menu-list">--}}
                {{--<a href="{{ route('services.', ['service' => $service->id]) }}" class="border-bottom">--}}
                    {{--<span class="{{ (isCurrentRoute('services.view')) ? 'nk-menu-text' : '' }}">Payments</span>--}}
                {{--</a>--}}
            {{--</li>--}}
        {{--@endif--}}
        @if($authUser->can('services.view'))
            <li class="side-menu-list">
                <a href="{{ route('services.view', ['service' => $service->id]) }}" class="border-bottom">
                    <span class="{{ (isCurrentRoute('services.view')) ? 'nk-menu-text' : '' }}">View</span>
                </a>
            </li>
        @endif
        @if($authUser->can('services.list_demand_notices'))
            <li class="side-menu-list">
                <a href="{{ route('services.list_demand_notices', ['service' => $service->id]) }}"
                   class="border-bottom">
                    <span class="{{ (isCurrentRoute(['services.list_demand_notices', 'demand_notice.update', 'demand_notice.create'])) ? 'nk-menu-text' : '' }}">Demand Notices</span>
                </a>
            </li>
        @endif
        @if($authUser->hasAnyOfPermissions(['generate-bill.start', 'generate_bills_for_staff']))
            <li class="side-menu-list">
                <a href="{{ route('generate-bill.start', ['service' => $service->id]) }}" class="border-bottom">
                    <span class="{{ (isCurrentRoute([
                        'service.register_applicant',
                        'service.invoice.show_fees_breakdown'
                    ])) ? 'nk-menu-text' : '' }}">Generate Bill</span>
                </a>
            </li>
        @endif
    </ul>
@endsection

@section('additional-sections')

    <!-- Edit Service Modal Form -->
    <div class="modal fade" tabindex="-1" id="editServiceModalForm">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header text-danger">
                    <h5 class="modal-title text-danger">Edit Service</h5>
                    <a href="#" class="close" data-dismiss="modal" aria-label="Close">
                        <em class="icon ni ni-cross"></em>
                    </a>
                </div>
                <div class="modal-body">

                    <form action="{{ route('service.edit', ['service' => $service->id ]) }}" class="form-validate"
                          method="POST">
                        <input type="hidden" name="type" value="edit">
                        @csrf
                        <div class="form-group">
                            <label class="form-label" for="editfirstname">Name</label>
                            <input type="text" class="form-control form-control-lg" id="name" name="name"
                                   value="{{ old('name', $service->name ) }}" placeholder="Enter User Firstname"
                                   required>
                            @error('name')
                            <span class="text-danger" role="alert">
                                <small>{{ $message }}</small>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="editfirstname">Description</label>
                            <textarea type="text" class="form-control form-control-lg" id="description"
                                      name="description" placeholder="Enter description"
                                      required>{{ old('description', $service->description) }}</textarea>
                            @error('description')
                            <span class="text-danger" role="alert">
                                <small>{{ $message }}</small>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="editfirstname">Product Code</label>
                            <input type="text" class="form-control form-control-lg" id="product_code"
                                   name="product_code" value="{{ old('product_code', $service->product_code) }}"
                                   placeholder="Enter User Firstname" required>
                            @error('product_code')
                            <span class="text-danger" role="alert">
                                <small>{{ $message }}</small>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label class="form-label">Supervisory Department</label>
                            <select class="form-select" name="supervisory_department_id" id="supervisory_department_id">
                                @foreach($departments as $dept)
                                    <option value="{{$dept->id}}"