@extends('layouts.app')
@section('title', $pageTitle ?? 'CSR Costing')

@section('contents')
<section class="content">
    <div class="container-fluid">
        <nav aria-label="breadcrumb" class="mb-3">
            <ol class="breadcrumb mb-0 bg-light rounded border">
                <li class="breadcrumb-item"><a href="{{ route('csr-costing.explorer.index') }}">CSR books</a></li>
                <li class="breadcrumb-item"><a href="{{ route('csr-costing.explorer.book', $book) }}">{{ $book->name }}</a></li>
                <li class="breadcrumb-item"><a href="{{ route('csr-costing.explorer.chapter', [$book, $chapter]) }}">Ch. {{ $chapter->chapter_no }}</a></li>
                <li class="breadcrumb-item"><a href="{{ route('csr-costing.explorer.section', [$book, $chapter, $section]) }}">{{ $section->name }}</a></li>
                <li class="breadcrumb-item active" aria-current="page">Item</li>
            </ol>
        </nav>
        <p class="mb-3">
            <a href="{{ route('csr-costing.explorer.section', [$book, $chapter, $section]) }}" class="btn btn-default btn-sm"><i class="fas fa-arrow-left"></i> Back to {{ $section->name }}</a>
        </p>
        <div class="row justify-content-center">
            <div class="col-lg-8">
                <div class="card card-outline card-primary">
                    <div class="card-header">
                        <h3 class="card-title mb-0">Scheduled item</h3>
                    </div>
                    <div class="card-body">
                        <dl class="row mb-0">
                            <dt class="col-sm-4 text-muted">Ref #</dt>
                            <dd class="col-sm-8">{{ $item->ref_no ?: '—' }}</dd>
                            <dt class="col-sm-4 text-muted">Description</dt>
                            <dd class="col-sm-8">{{ $item->description }}</dd>
                            <dt class="col-sm-4 text-muted">Grade</dt>
                            <dd class="col-sm-8">{{ $item->grade ?: '—' }}</dd>
                            <dt class="col-sm-4 text-muted">Unit</dt>
                            <dd class="col-sm-8">{{ $item->unit }}</dd>
                            <dt class="col-sm-4 text-muted">Labour rate (Rs / unit)</dt>
                            <dd class="col-sm-8 text-monospace h5 mb-0 text-primary font-weight-bold">{{ \App\Support\RatePresentation::pkr11($item->labour_rate_pkr) }}</dd>
                            <dt class="col-sm-4 text-muted">Composite rate (Rs / unit)</dt>
                            <dd class="col-sm-8 text-monospace h5 mb-0 text-primary font-weight-bold">{{ \App\Support\RatePresentation::pkr11($item->composite_rate_pkr) }}</dd>
                            @if ($item->specification)
                                <dt class="col-sm-4 text-muted">Specification</dt>
                                <dd class="col-sm-8" style="white-space: pre-wrap;">{{ $item->specification }}</dd>
                            @endif
                            @if ($item->remarks)
                                <dt class="col-sm-4 text-muted">Remarks</dt>
                                <dd class="col-sm-8" style="white-space: pre-wrap;">{{ $item->remarks }}</dd>
                            @endif
                            @if ($item->suggestedCarriageRate)
                                <dt class="col-sm-4 text-muted">Carriage dependency</dt>
                                <dd class="col-sm-8">{{ $item->suggestedCarriageRate->label }} — Rs. {{ number_format((float) $item->suggestedCarriageRate->rate_pkr, 2) }} ({{ $item->suggestedCarriageRate->basis ?? 'flat' }}) @if($item->suggestedCarriageRate->unit_note) · {{ $item->suggestedCarriageRate->unit_note }} @endif</dd>
                            @endif
                            @if ($item->suggestedWageEntry)
                                <dt class="col-sm-4 text-muted">Wage dependency</dt>
                                <dd class="col-sm-8">{{ $item->suggestedWageEntry->label }} @if($item->suggestedWageEntry->suggested_daily_pkr) — suggested Rs. {{ number_format((float) $item->suggestedWageEntry->suggested_daily_pkr, 2) }}/day @endif</dd>
                            @endif
                        </dl>
                        <hr>
                        <div class="d-flex flex-wrap">
                            <a href="{{ route('csr-costing.admin.items.edit', [$book, $item->section, $item]) }}" class="btn btn-primary btn-sm mr-2">Edit item</a>
                            <form method="post" action="{{ route('csr-costing.admin.items.destroy', [$book, $item->section, $item]) }}" class="d-inline" id="csr-explorer-item-delete-form">
                                @csrf
                                @method('DELETE')
                                <button type="button" class="btn btn-danger btn-sm csr-explorer-item-delete-btn">Delete item</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@push('scripts')
<script>
    $(function () {
        $(document).on('click', '.csr-explorer-item-delete-btn', function (e) {
            e.preventDefault();
            var form = $('#csr-explorer-item-delete-form');
            Swal.fire({
                title: 'Delete item?',
                text: 'Delete this scheduled item?',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#6c757d',
                confirmButtonText: 'Yes, delete',
            }).then(function (result) {
                if (result.isConfirmed) form.trigger('submit');
            });
        });
    });
</script>
@endpush