@extends('admin.layouts.base')
@section('title', $warehouse->name)

@section('content')
<div id="kt_app_content_container" class="app-container">
    <!-- Header Card -->
    <div class="card mb-5">
        <div class="card-body">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h2 class="fw-bold mb-2">{{ $warehouse->name }}</h2>
                    <div class="text-muted">
                        <span class="badge badge-light-primary me-2">{{ $warehouse->code }}</span>
                        <div class="d-inline-block ms-2">
                            <div class="form-check form-switch form-check-custom form-check-solid">
                                <input class="form-check-input toggle-warehouse-status" type="checkbox" 
                                    data-activate-url="{{ route('admin.warehouses.activate', $warehouse->id) }}"
                                    data-deactivate-url="{{ route('admin.warehouses.deactivate', $warehouse->id) }}"
                                    {{ $warehouse->is_active ? 'checked' : '' }} />
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <a href="{{ route('admin.warehouses.edit', $warehouse->id) }}" class="btn btn-primary me-2">
                        <i class="ki-duotone ki-pencil fs-2"><span class="path1"></span><span class="path2"></span></i>
                        Edit
                    </a>
                    <a href="{{ route('admin.warehouses.index') }}" class="btn btn-light">
                        <i class="ki-duotone ki-arrow-left fs-5"><span class="path1"></span><span class="path2"></span></i>
                        Back
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="row g-5">
        <!-- Left Column: Basic Info -->
        <div class="col-lg-4">
            <div class="card mb-5">
                <div class="card-header">
                    <h3 class="card-title">Basic Information</h3>
                </div>
                <div class="card-body">
                    <div class="mb-5">
                        <label class="fw-bold text-muted">Address</label>
                        <div class="text-gray-800">{{ $warehouse->address }}</div>
                    </div>
                    <div class="row mb-5">
                        <div class="col-6">
                            <label class="fw-bold text-muted">City</label>
                            <div class="text-gray-800">{{ $warehouse->city }}</div>
                        </div>
                        @if($warehouse->zone)
                        <div class="col-6">
                            <label class="fw-bold text-muted">Zone</label>
                            <div class="text-gray-800">{{ $warehouse->zone }}</div>
                        </div>
                        @endif
                    </div>
                    @if($warehouse->latitude && $warehouse->longitude)
                    <div class="mb-5">
                        <label class="fw-bold text-muted">Coordinates</label>
                        <div class="text-gray-800">{{ $warehouse->latitude }}, {{ $warehouse->longitude }}</div>
                    </div>
                    @endif
                </div>
            </div>

            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Capacity & Pricing</h3>
                </div>
                <div class="card-body">
                    <div class="mb-5">
                        <label class="fw-bold text-muted">Total Square Feet</label>
                        <div class="text-gray-800 fs-2 fw-bold">{{ number_format($warehouse->total_sqft) }}</div>
                    </div>
                    
                    <div class="separator my-5"></div>
                    
                    <div class="mb-4">
                        <label class="fw-bold text-muted">Base Price</label>
                        <div class="text-gray-800 fs-4 fw-bold">${{ number_format($warehouse->sqft_price_per_unit, 2) }} / sqft</div>
                    </div>
                    
                    <div class="mb-4">
                        <label class="fw-bold text-muted">Activity Space</label>
                        <div class="text-gray-800 fs-5">{{ $warehouse->activity_space_percentage }}%</div>
                    </div>

                    <div class="mb-4">
                        <label class="fw-bold text-muted">Max Pallet Height</label>
                        <div class="text-gray-800 fs-5">{{ $warehouse->pallet_max_height }} inches</div>
                    </div>

                    <div class="mb-4">
                        <label class="fw-bold text-muted">Markup</label>
                        <div class="text-gray-800 fs-5">
                            @if($warehouse->markup_type === 'percentage')
                                {{ $warehouse->markup_value }}%
                            @else
                                ${{ number_format($warehouse->markup_value, 2) }} (Fixed)
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Right Column: Tabs -->
        <div class="col-lg-8">
            <div class="card">
                <div class="card-header card-header-stretch">
                    <ul class="nav nav-tabs nav-line-tabs nav-stretch fs-6 border-0 fw-bold" role="tablist">
                        <li class="nav-item" role="presentation">
                            <a class="nav-link active" data-bs-toggle="tab" href="#labor_tab" role="tab">Labor Rates</a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" data-bs-toggle="tab" href="#equipment_tab" role="tab">Equipment Rates</a>
                        </li>
                    </ul>
                </div>
                <div class="card-body">
                    <div class="tab-content">
                        <!-- Labor Rates Tab -->
                        <div class="tab-pane fade show active" id="labor_tab" role="tabpanel">
                            <div class="d-flex justify-content-between mb-5">
                                <h4>Labor Rates</h4>
                                <a href="{{ route('admin.warehouses.labor-rates.index', $warehouse->id) }}" class="btn btn-sm btn-primary">Manage Labor Rates</a>
                            </div>
                            @if($warehouse->laborRates->count() > 0)
                                <table class="table table-row-bordered">
                                    <thead>
                                        <tr>
                                            <th>Labor Type</th>
                                            <th>Rate/Hour</th>
                                            <th>Min Hours</th>
                                            <th>Per Use Rate</th>
                                            <th>Status</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($warehouse->laborRates as $rate)
                                        <tr>
                                            <td>{{ $rate->laborType->name }}</td>
                                            <td>${{ number_format($rate->rate_per_hour, 2) }}/hr</td>
                                            <td>{{ $rate->minimum_hours ?? 0 }} hrs</td>
                                            <td>
                                                @if($rate->per_use_rate)
                                                    ${{ number_format($rate->per_use_rate, 2) }}
                                                @else
                                                    -
                                                @endif
                                            </td>
                                            <td>
                                                @if($rate->is_active)
                                                    <span class="badge badge-success">Active</span>
                                                @else
                                                    <span class="badge badge-secondary">Inactive</span>
                                                @endif
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            @else
                                <div class="text-center text-muted py-10">No labor rates configured yet</div>
                            @endif
                        </div>

                        <!-- Equipment Rates Tab -->
                        <div class="tab-pane fade" id="equipment_tab" role="tabpanel">
                            <div class="d-flex justify-content-between mb-5">
                                <h4>Equipment Rates</h4>
                                <a href="{{ route('admin.warehouses.equipment-rates.index', $warehouse->id) }}" class="btn btn-sm btn-primary">Manage Equipment Rates</a>
                            </div>
                            @if($warehouse->equipmentRates->count() > 0)
                                <table class="table table-row-bordered">
                                    <thead>
                                        <tr>
                                            <th>Equipment Type</th>
                                            <th>Charge Type</th>
                                            <th>Rate</th>
                                            <th>Available</th>
                                            <th>Status</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($warehouse->equipmentRates as $rate)
                                        <tr>
                                            <td>{{ $rate->equipmentType->name }}</td>
                                            <td>
                                                <span class="badge badge-light-info">{{ ucfirst($rate->charge_type ?? 'hourly') }}</span>
                                            </td>
                                            <td>
                                                @if(($rate->charge_type ?? 'hourly') === 'hourly')
                                                    ${{ number_format($rate->rate_per_hour, 2) }}/hr
                                                @elseif(($rate->charge_type ?? 'hourly') === 'daily')
                                                    ${{ number_format($rate->daily_rate, 2) }}/day
                                                @else
                                                    ${{ number_format($rate->per_use_rate, 2) }}/use
                                                @endif
                                            </td>
                                            <td>{{ $rate->total_units_available }} units</td>
                                            <td>
                                                @if($rate->is_active)
                                                    <span class="badge badge-success">Active</span>
                                                @else
                                                    <span class="badge badge-secondary">Inactive</span>
                                                @endif
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            @else
                                <div class="text-center text-muted py-10">No equipment rates configured yet</div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
    // Warehouse Status Toggle
    $('.toggle-warehouse-status').on('change', function() {
        const isChecked = $(this).is(':checked');
        const url = isChecked ? $(this).data('activate-url') : $(this).data('deactivate-url');
        const checkbox = $(this);
        
        $.ajax({
            url: url,
            type: 'POST',
            data: {
                _token: '{{ csrf_token() }}'
            },
            headers: {
                'Accept': 'application/json'
            },
            success: function(response) {
                if (response.success) {
                    toastr.success(response.message);
                } else {
                    toastr.error(response.message || 'Failed to update status');
                    checkbox.prop('checked', !isChecked);
                }
            },
            error: function() {
                toastr.error('Failed to update status');
                checkbox.prop('checked', !isChecked);
            }
        });
    });

    // Rate Status Toggle (Labor & Equipment)
    $('.toggle-rate-status').on('change', function() {
        const url = $(this).data('url');
        const isChecked = $(this).is(':checked');
        const checkbox = $(this);
        
        $.ajax({
            url: url,
            type: 'POST',
            data: {
                _token: '{{ csrf_token() }}'
            },
            success: function(response) {
                if (response.success) {
                    toastr.success(response.message);
                } else {
                    toastr.error('Failed to update status');
                    checkbox.prop('checked', !isChecked);
                }
            },
            error: function() {
                toastr.error('Failed to update status');
                checkbox.prop('checked', !isChecked);
            }
        });
    });
});
</script>
@endpush