@if (in_array(config('app.client_id'), [1800, 1801]))
<button class="btn btn-primary pull-right m-b-10" data-toggle="modal" data-target="#popup-breakdown"><i class="fa fa-plus"></i> Add</button>
@endif
<br>
<table id="breakdown-breakdown-list" class="table table-striped  data-table">
    <thead class="list_head">
        <tr>
            <th>From Date</th>
            <th>To Date</th>
            <th>Duration</th>
            <th>Duration on Op.Hrs</th>
            <th>Work Order</th>
            <th>Service Request</th>
            <th>Description</th>
        </tr>
    </thead>
    <tbody>
        @forelse($breakdown as $key => $val)
            @php
            
                $asset = Assetdocs\Assets\Models\Asset::find($val->asset_id);
                $startTime = null;
                $endTime = null;

                if ($asset) {
                    if ($asset->run_time_start && $asset->run_time_end) {
                        $startTime = $asset->run_time_start;
                        $endTime = $asset->run_time_end;
                    } else {
                        $subCategory = Assetdocs\Category\Models\SubCategory::find($asset->subcategory_id);
                        if ($subCategory && $subCategory->run_time_start && $subCategory->run_time_end) {
                            $startTime = $subCategory->run_time_start;
                            $endTime = $subCategory->run_time_end;
                        } else {
                            $subClass =Assetdocs\Category\Models\SubClass::find($asset->subclass_id);
                            if ($subClass && $subClass->run_time_start && $subClass->run_time_end) {
                                $startTime = $subClass->run_time_start;
                                $endTime = $subClass->run_time_end;
                            }
                        }
                    }
                }

                // Duration of the breakdown
                if (empty($val->date_to)) {
                    $dateFrom = Carbon::createFromFormat('Y-m-d H:i:s', $val->getOriginal('date_from') . ' ' . $val->getOriginal('time_from'));
                    $breakdownEnd = Carbon::now();
                } else {
                    $dateFrom = Carbon::createFromFormat('Y-m-d H:i:s', $val->getOriginal('date_from') . ' ' . $val->getOriginal('time_from'));
                    $breakdownEnd = Carbon::createFromFormat('Y-m-d H:i:s', $val->getOriginal('date_to') . ' ' . $val->getOriginal('time_to'));
                }

                $formattedDifference = secondsToDayHourMinutes($breakdownEnd->diffInSeconds($dateFrom));

                // Calculate runtime overlap
                if ($startTime && $endTime) {
                    $totalRuntime = 0;
                    $currentTime = $dateFrom->copy();

                    while ($currentTime->lt($breakdownEnd)) {
                        $currentDate = $currentTime->format('Y-m-d');
                        $dailyStart = Carbon::parse("$currentDate $startTime");
                        $dailyEnd = Carbon::parse("$currentDate $endTime");

                        if ($dailyEnd->lt($dailyStart)) {
                            $dailyEnd->addDay();
                        }

                        $dayStart = $currentTime->gt($dailyStart) ? $currentTime : $dailyStart;
                        $dayEnd = $breakdownEnd->lt($dailyEnd) ? $breakdownEnd : $dailyEnd;

                        if ($dayStart->lt($dayEnd)) {
                            $totalRuntime += $dayEnd->diffInMinutes($dayStart);
                        }

                        $currentTime = $currentTime->copy()->startOfDay()->addDay();
                    }

                    $basedOnRunTime = secondsToDayHourMinutes($totalRuntime * 60); // Convert minutes to seconds
                } else {
                    $basedOnRunTime = '-';
                }
            @endphp

        <tr id="{{ $val->getRouteKey() }}" class="breakdown-edit">
            <td>{{ $val->date_from . ' ' . $val->time_from }}</td>
            <td>{{ $val->date_to . ' ' . $val->time_to }}</td>
            <td>{{ $formattedDifference }}</td>
            <td>{{ $basedOnRunTime }}</td>
            <td>{{ $val->work_order_id ? 'WO-' . $val->work_order_id : '' }}</td>
            <td>{{ $val->service_request_id ? 'SR-' . $val->service_request_id : '' }}</td>
            <td>{{ ucfirst($val->description) }}</td>
        </tr>
    @empty
        <tr>
            <td colspan="7">No Breakdown</td>
        </tr>
    @endforelse


    </tbody>
</table>

<div class="modal fade" id="popup-breakdown" tabindex="-1" role="dialog" aria-labelledby="myModalLabels"
    aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-dialog" style="width: 100%;">

                {!! Form::horizontal_open()->id('breakdown-popup-create')->method('POST')->files('true')->action(trans_url('admin/assets/breakdown')) !!}


                <div class="modal-header header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Add New Breakdown</h4>
                </div>


                <div class="modal-body" style="min-height: 244px;">

                    <div class='col-md-12 col-lg-12'>
                        {!! Form::hidden('asset_id')->value($variable_id) !!}

                        {!! Form::date('date_from')->label(trans('assets::breakdown.label.date_from'))->placeholder(trans('assets::breakdown.placeholder.date_from'))->addGroupClass('form-group-sm')->required() !!}

                        {!! Form::date('date_to')->label(trans('assets::breakdown.label.date_to'))->placeholder(trans('assets::breakdown.placeholder.date_to'))->addGroupClass('form-group-sm')->required() !!}

                        {!! Form::time('time_from')->label(trans('assets::breakdown.label.time_from'))->placeholder(trans('assets::breakdown.placeholder.time_from'))->addGroupClass('form-group-sm')->required() !!}

                        {!! Form::time('time_to')->label(trans('assets::breakdown.label.time_to'))->placeholder(trans('assets::breakdown.placeholder.time_to'))->addGroupClass('form-group-sm')->required() !!}

                        {!! Form::textarea('description')->label(trans('assets::breakdown.label.description'))->placeholder(trans('assets::breakdown.placeholder.description'))->addGroupClass('form-group-sm')->required() !!}

                    </div>

                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-primary pull-right" id="breakdown-save"><i
                            class="fa fa-check-circle"></i>&nbsp;&nbsp;Save &amp; Close</button>
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="popup-breakdown-edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabels"
    aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">

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

<script type="text/javascript">
    $(document).ready(function() {

        $("#breakdown-save").click(function() {
            var form = $("#breakdown-popup-create");
            if (form.valid() == false) {
                toastr.error('Please enter valid information.', 'Error');
                return false;
            }

            if ($('#date_from').val() == '') {
                $("#date_from").addClass("error");
                toastr.error('Please enter valid information.', 'Error');
                return false;
            }

            if ($('#date_to').val() == '') {
                $("#date_to").addClass("error");
                toastr.error('Please enter valid information.', 'Error');
                return false;
            }

            if ($('#time_from').val() == '') {
                $("#time_from").addClass("error");
                toastr.error('Please enter valid information.', 'Error');
                return false;
            }

            if ($('#time_to').val() == '') {
                $("#time_to").addClass("error");
                toastr.error('Please enter valid information.', 'Error');
                return false;
            }

            if ($('#date_to').val() != '') {
                var from = $("#date_from").val();
                var to = $("#date_to").val();
                var fromdate = new Date(from);
                var todate = new Date(to);
                if (todate < fromdate) {
                    $("#date_to").addClass("error");
                    toastr.error('Check the date.', 'Error');
                    return false;
                }
            }

            if($('#date_from').val() == $('#date_to').val()) {
                var date = $('#date_from').val();
                var fromTime = $('#time_from').val();
                var toTime = $('#time_to').val();

                var fromDateTime = new Date(date + ' ' + fromTime);
                var toDateTime = new Date(date + ' ' + toTime);

                if (fromDateTime >= toDateTime) {
                    toastr.error('To Time must be greater than From Time.', 'Error');
                    return false;
                }
            }

            var formData = new FormData();

            params = form.serializeArray();

            $.each(params, function(i, val) {
                formData.append(val.name, val.value);
            });

            $.ajax({
                url: "{!! trans_url('admin/assets/breakdown') !!}",
                type: 'POST',
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                dataType: 'json',
                success: function(data, textStatus, jqXHR) {
                    $("#breakdown").load(
                        "{{ trans_url('admin/assets/breakdown/list/assets/') }}/{{ Crypt::encrypt($variable_id) }}"
                        );
                    $('#popup-breakdown').modal('hide');
                    $('.modal-backdrop').remove();
                }
            });
        });

        $(".breakdown-edit").click(function() {
            var id = $(this).attr("id");
            $("#popup-breakdown-edit .modal-content").load(
                "{{ trans_url('admin') }}/assets/breakdown/edit/" + id);
            $("#popup-breakdown-edit").modal("show");
        });

        $('input[type="date"]').pickadate({
            format: 'dd mmm, yyyy',
            formatSubmit: 'yyyy-mm-dd',
            hiddenSuffix: '',
            selectMonths: true,
            selectYears: true
        }).prop('type', 'text');

        $('input[type="time"]').pickatime({
            format: 'h:i A',
            formatSubmit: 'HH:i:00',
            hiddenSuffix: '',
            interval: 10,
            selectMonths: true,
            selectYears: true
        }).prop('type', 'text');


    });
</script>

<style type="text/css">
    .header {
        background: #3c8dbc;
        color: white;
    }
</style>