@section('title', __('radio.menu_item_5_sub_1'))
@section('head')
    <link rel="stylesheet" href="/assets/js/plugins/sweetalert2/sweetalert2.min.css">
@endsection
@include('includes/header')
@include('includes/topRadio')
<div class="content">

    <div class="row">
        <div class="col-12">
            <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center py-2">
                <div class="flex-grow-1">
                    <h1 class="h3 fw-bold mb-2">
                        {{ __('radio.menu_item_5_sub_1') }}
                    </h1>
                </div>
                <nav class="flex-shrink-0 mt-3 mt-sm-0 ms-sm-3" aria-label="breadcrumb">
                    <ol class="breadcrumb breadcrumb-alt push mb-0">
                        <li class="breadcrumb-item">
                            <a href="{{ route('radio.home.r') }}">{{ __('radio.menu_item_1') }}</a>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="javascript:void(0)">{{ __('radio.menu_item_5') }}</a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">{{ __('radio.menu_item_5_sub_1') }}</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">

            @if (\Session::has('success'))
                <div class="alert alert-primary alert-icon alert-dismissible fade show" role="alert">
                    <i class="uil uil-check-circle"></i> <b>{!! \Session::get('success') !!}</b>
                </div>
                @php Session::forget('success'); @endphp
            @endif

            <div class="block block-rounded">

                    <div class="block-content p-0">

                        <div class="ps-2 pe-4 pt-2  mb-0 border-bottom border-1">
                            <div class="d-md-flex">
                                <div class="flex-grow-1 mb-2">
                                    <a href="{{ route('radio.relays.c') }}" class="btn btn-primary">
                                        <i class="fa fa-plus me-1 opacity-50"></i> {{ __('radio.relays_new') }}
                                    </a>
                                </div>
                            </div>
                        </div>

                        @if($allRelays->count() == 0)
                            <div class="block-content text-center"><p>{{ __('radio.relays_empty') }}</p></div>
                        @else
                    <div class="table-responsive">

                        <table class="table table-sm table-vcenter mb-0">
                            <thead>
                            <tr>
                                <th class="ps-2">{{ __('general.table_name') }}</th>
                                <th>{{ __('radio.relays_table_days') }}</th>
                                <th class="text-center">{{ __('radio.relays_form_time_start') }}</th>
                                <th class="d-none d-sm-table-cell text-center" style="width: 15%;">{{ __('general.table_status') }}</th>
                                <th class="text-end pe-2" style="width: 200px;">{{ __('radio.table_actions') }}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @php
                            foreach($allRelays as $relay){
                                $totalDays = $relay->sun+$relay->mon+$relay->tue+$relay->wed+$relay->thu+$relay->fri+$relay->sat;
                            @endphp
                            <tr>
                                <td class="fw-semibold fs-sm ps-2">
                                    {{ $relay->name }}
                                </td>
                                <td>
                                    {{ ($relay->sun && $totalDays > 1 ? __('radio.weekday_short_sun').',' : ($relay->sun && $totalDays <= 1 ? __('site.page_scheduling_weekday_0') : '')) }}
                                    {{ ($relay->mon && $totalDays > 1 ? __('radio.weekday_short_mon').',' : ($relay->mon && $totalDays <= 1 ? __('site.page_scheduling_weekday_1') : '')) }}
                                    {{ ($relay->tue && $totalDays > 1 ? __('radio.weekday_short_tue').',' : ($relay->tue && $totalDays <= 1 ? __('site.page_scheduling_weekday_2') : '')) }}
                                    {{ ($relay->wed && $totalDays > 1 ? __('radio.weekday_short_wed').',' : ($relay->wed && $totalDays <= 1 ? __('site.page_scheduling_weekday_3') : '')) }}
                                    {{ ($relay->thu && $totalDays > 1 ? __('radio.weekday_short_thu').',' : ($relay->thu && $totalDays <= 1 ? __('site.page_scheduling_weekday_4') : '')) }}
                                    {{ ($relay->fri && $totalDays > 1 ? __('radio.weekday_short_fri').',' : ($relay->fri && $totalDays <= 1 ? __('site.page_scheduling_weekday_5') : '')) }}
                                    {{ ($relay->sat ? __('radio.weekday_short_sat') : '') }}
                                </td>
                                <td class="text-center">{{ date('H:i',strtotime($relay->time_start)) }}</td>
                                <td class="d-none d-sm-table-cell text-center">
                                    @php
                                    $var = strtolower(date('D'))
                                    @endphp
                                    @if($relay->active == '1')
                                        <span class="fs-xs fw-semibold d-inline-block py-1 px-3 rounded-pill bg-primary-light text-white">{{ __('radio.home_block_item_type_2') }}</span>
                                    @else
                                        <span class="fs-xs fw-semibold d-inline-block py-1 px-3 rounded-pill bg-danger-light text-danger">{{ __('radio.status_offline') }}</span>
                                    @endif
                                </td>
                                <td class="text-end">
                                    <div class="btn-group">
                                        <a href="{{ route('radio.relays.r.data',$relay->id) }}" class="btn btn-sm btn-alt-secondary">
                                            <i class="fa fa-fw fa-eye"></i>
                                        </a>
                                        <button type="button" id="{{ $relay->id }}" class="btn btn-sm btn-danger removeConfirm">
                                            <i class="fa fa-fw fa-times"></i>
                                        </button>
                                        <form id="form_delete_{{ $relay->id }}" action="{{ route('radio.relays.d', $relay->id) }}" method="POST">@method('DELETE')</form>
                                    </div>
                                </td>
                            </tr>
                            @php } @endphp
                            </tbody>
                        </table>

                    </div>
                </div>
                @endif
            </div>

        </div>
    </div>



</div>

</div>

</main>


@include('includes/footer')

</div>
<script src="/assets/js/lib/jquery.min.js"></script>
<script src="/assets/js/main.min.js"></script>
<script src="/assets/js/plugins/sweetalert2/sweetalert2.min.js"></script>
<script>

    $('.removeConfirm').on('click', function( event ) {
        var id = $(this).attr('id');
        Sweetalert2.fire({
            title: 'Deseja realmente remover esta playlist?',
            showDenyButton: false,
            showCancelButton: true,
            confirmButtonText: 'Remover',
            cancelButtonText: 'Cancelar',
        }).then((result) => {
            if (result.isConfirmed) {
                $("#form_delete_" + id).submit();
            }
        });
    });
</script>
</body>
</html>