@extends('admin.layout.master')
@section('title', __('admin.setting'))
@section('styles')
    <!-- Add any additional styles here -->
@endsection
@section('scripts')
    <!-- Add any additional scripts here -->
@endsection
@section('content')

    <div class="container-xxl flex-grow-1 container-p-y">
        <div class="row">
            <div class="col-md-12">
                <div class="card mb-4">
                    <div class="card-header d-flex flex-column flex-md-row justify-content-between align-items-md-center">
                        <div class="mb-2 mb-md-0">
                            <h5 class="mb-1">{{ __('admin.add_service_to_provider') }} - {{ $serviceProvider->name }}</h5>
                            <p class="mb-0 text-muted">({{ optional($serviceProvider->categories->first())->name ?? '--' }})</p>
                        </div>

                        <div class="d-flex flex-wrap gap-2">
                            <!-- Export Button -->
                            <a href="{{ route('admin.service-providers.export-services', $serviceProvider->id) }}?{{ http_build_query(request()->query()) }}"
                               class="btn btn-success">
                                <i class="fas fa-file-excel me-1"></i> {{ __('admin.export_excel') }}
                            </a>

                            @if($servicesNew->count() > 0)
                                <button data-bs-toggle="modal" data-bs-target="#addAdmin"
                                        class="btn btn-primary">
                                    <i class="fas fa-plus me-1"></i> {{ __('admin.add_service_to_provider') }}
                                </button>
                            @endif
                        </div>
                    </div>

                    <div class="card-body">
                        <!-- Search Form -->
                        <form action="{{ route('admin.service-providers.add-service', $serviceProvider->id) }}" method="GET" class="row g-3 mb-4">
                            <div class="col-md-5">
                                <div class="input-group">
                                    <span class="input-group-text"><i class="fas fa-search"></i></span>
                                    <input type="text" name="search"
                                           class="form-control"
                                           placeholder="{{ __('admin.Search by service name') }}"
                                           value="{{ request('search') }}">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <button type="submit" class="btn btn-primary w-100">
                                    <i class="fas fa-filter me-1"></i> {{ __('admin.Filter') }}
                                </button>
                            </div>
                            <div class="col-md-2">
                                <a href="{{ route('admin.service-providers.add-service', $serviceProvider->id) }}"
                                   class="btn btn-outline-secondary w-100">
                                    <i class="fas fa-redo me-1"></i> {{ __('admin.Reset') }}
                                </a>
                            </div>
                        </form>

                        <!-- Services Table -->
                        <div class="table-responsive">
                            <table class="table table-hover table-striped">
                                <thead class="table-light">
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('admin.service') }}</th>
                                    <th>{{ __('admin.app_price') }}</th>
                                    <th>{{ __('admin.lab_price') }}</th>
                                    <th>{{ __('admin.cost_price') }}</th>
                                    <th>{{ __('admin.net_price') }}</th>
                                    <th>{{ __('admin.status') }}</th>
                                    <th class="text-center">{{ __('admin.action') }}</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach ($service as $s)
                                    <tr>
                                        <td>{{ $s->id }}</td>
                                        <td>{{ $s->name }}</td>
                                        <td>{{ number_format($s->pivot->price, 2) }}</td>
                                        <td>{{ number_format($s->pivot->lab_price, 2) }}</td>
                                        <td>{{ number_format($s->pivot->cost_price, 2) }}</td>
                                        <td>{{ number_format($s->pivot->net_price, 2) }}</td>
                                        <td>
                                            <span class="badge bg-{{ $s->pivot->status == 'active' ? 'success' : 'danger' }}">
                                                {{ __("admin.{$s->pivot->status}") }}
                                            </span>
                                        </td>
                                        <td class="text-center">
                                            <div class="d-flex gap-2 justify-content-center">
                                                <button data-bs-toggle="modal"
                                                        data-bs-target="#editAdmin{{ $s->id }}"
                                                        class="btn btn-sm btn-icon btn-primary">
                                                    <i class="fas fa-edit"></i>
                                                </button>
                                                <a href="{{ route('admin.service-providers.destroy-service', ['id' => $serviceProvider->id, 'service_id' => $s->id]) }}"
                                                   class="btn btn-sm btn-icon btn-danger delete">
                                                    <i class="fas fa-trash"></i>
                                                </a>
                                            </div>
                                        </td>
                                    </tr>

                                    <!-- Edit Modal -->
                                    <div class="modal fade" id="editAdmin{{ $s->id }}" tabindex="-1"
                                         aria-labelledby="editModalLabel" aria-hidden="true">
                                        <div class="modal-dialog modal-dialog-centered">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="editModalLabel">
                                                        {{ __('admin.edit_service') }}
                                                    </h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                            aria-label="Close"></button>
                                                </div>
                                                <form action="{{ route('admin.service-providers.edit-service', $serviceProvider->id) }}"
                                                      method="POST">
                                                    @csrf
                                                    <input type="hidden" name="service_id" value="{{ $s->id }}">
                                                    <div class="modal-body">

                                                        <div class="mb-3">
                                                            <label for="name" class="form-label">{{ __('admin.app_price') }}</label>
                                                            <input type="text" class="form-control" id="name" name="price"
                                                                   placeholder="{{ __('admin.app_price') }}" value="{{ $s->pivot->price }}" required>
                                                            @error('price')
                                                            <div class="alert alert-danger">{{ $message }}</div>
                                                            @enderror
                                                        </div>
                                                        <div class="mb-3">
                                                            <label for="name" class="form-label">{{ __('admin.lab_price') }}</label>
                                                            <input type="text" class="form-control" id="name" name="lab_price"
                                                                   placeholder="{{ __('admin.lab_price') }}" value="{{ $s->pivot->lab_price }}" required>
                                                            @error('lab_price')
                                                            <div class="alert alert-danger">{{ $message }}</div>
                                                            @enderror
                                                        </div>

                                                        <div class="mb-3">
                                                            <label for="name" class="form-label">{{ __('admin.cost_price') }}</label>
                                                            <input type="text" class="form-control" id="name" name="cost_price"
                                                                   placeholder="{{ __('admin.cost_price') }}" value="{{ $s->pivot->cost_price }}" required>
                                                            @error('cost_price')
                                                            <div class="alert alert-danger">{{ $message }}</div>
                                                            @enderror
                                                        </div>
                                                        <div class="mb-3">
                                                            <label for="name" class="form-label">{{ __('admin.net_price') }}</label>
                                                            <input type="text" class="form-control" id="name" name="net_price"
                                                                   placeholder="{{ __('admin.net_price') }}" value="{{ $s->pivot->net_price }}" required>
                                                            @error('net_price')
                                                            <div class="alert alert-danger">{{ $message }}</div>
                                                            @enderror
                                                        </div>

                                                        <div class="mb-3">
                                                            <label for="email" class="form-label">{{ __('admin.status') }}</label>
                                                            <select class="form-select" id="email" name="status">
                                                                <option value="active" {{ $s->pivot->status == 'active' ? 'selected' : '' }}>{{ __('admin.active') }}</option>
                                                                <option value="inactive" {{ $s->pivot->status == 'inactive' ? 'selected' : '' }}>{{ __('admin.inactive') }}</option>
                                                            </select>
                                                            @error('status')
                                                            <div class="alert alert-danger">{{ $message }}</div>
                                                            @enderror
                                                        </div>




                                                    </div>


                                                    <div class="modal-footer">
                                                        <button type="submit"
                                                                class="btn btn-primary">{{ __('admin.save') }}</button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                                </tbody>
                            </table>
                        </div>

                        <!-- Pagination -->

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

    <!-- Add Service Modal -->
    <div class="modal fade" id="addAdmin" aria-labelledby="addModalLabel" tabindex="-1"
         style="display: none;" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="addModalLabel">{{ __('admin.add_service_to_provider') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                            aria-label="Close"></button>
                </div>
                <form action="{{ route('admin.service-providers.store-service', $serviceProvider->id) }}" method="POST">
                    @csrf

                    <div class="modal-body">
                        @csrf
                        <div class="mb-3">
                            <label for="name" class="form-label">{{ __('admin.app_price') }}</label>
                            <input type="number" class="form-control" id="name" name="price"
                                   placeholder="{{ __('admin.app_price') }}" required value="{{ old('price') }}">
                            @error('price')
                            <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="name" class="form-label">{{ __('admin.lab_price') }}</label>
                            <input type="number" class="form-control" id="name" name="lab_price"
                                   placeholder="{{ __('admin.lab_price') }}"  value="{{ old('lab_price') }}">
                            @error('lab_price')
                            <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mb-3">
                            <label for="name" class="form-label">{{ __('admin.cost_price') }}</label>
                            <input type="number" class="form-control" id="name" name="cost_price"
                                   placeholder="{{ __('admin.cost_price') }}"  value="{{ old('cost_price') }}">
                            @error('cost_price')
                            <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mb-3">
                            <label for="name" class="form-label">{{ __('admin.net_price') }}</label>
                            <input type="number" class="form-control" id="name" name="net_price"
                                   placeholder="{{ __('admin.net_price') }}"  value="{{ old('net_price') }}">
                            @error('net_price')
                            <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="email" class="form-label">{{ __('admin.status') }}</label>
                            <select class="form-select" id="email" name="status">
                                <option value="active">{{ __('admin.active') }}</option>
                                <option value="inactive">{{ __('admin.inactive') }}</option>
                            </select>
                            @error('status')
                            <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="password"
                                   class="form-label">{{ __('admin.service') }}</label>
                            <select class="form-select" id="password" name="service_id">
                                @foreach($servicesNew as $s)
                                    <option value="{{ $s->id }}">{{ $s->name }}</option>
                                @endforeach
                            </select>
                            @error('service_id')
                            <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                        </div>



                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-primary" type="submit"
                                data-bs-dismiss="modal">{{ __('admin.save') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

@endsection