@extends('body')
@section('title')
EPG
@endsection

@section('breadcrumbs')
<li><a href="{{ url('/') }}">Home</a></li>
<li>EPG</li>
@endsection

@section('pageScripts')
<style>
    @media screen and (max-width: 600px) {

        th,
        td {
            white-space: nowrap;
        }



        .table-wrapper {
            overflow-x: scroll;
            width: 475px;
            margin: 0 auto;
        }

        .btn {
            font-size: 0.9rem;
            font-weight: bold;
            /* width: 100%; */
        }
    }
</style>


@endsection

@section('content')


<style>
    input {
        border-top-style: hidden;
        border-right-style: hidden;
        border-left-style: hidden;
        /* border-bottom-style: groove; */
        /* background-color: #eee; */
    }

    .no-outline:focus {
        outline: none;
    }
</style>

<section id="about" class="about">
    <div class="container" data-aos="fade-up">
        <legend>
            <center>
                <h2><b>EPG</b></h2>
            </center>
        </legend>
        <legend>
            <center>
                {{-- <h6>Version: {{ $site->channelpublish->publish_id }}</h6> --}}
                <h6></h6>
            </center>
        </legend>
    </div>

    <div class="container" data-aos="fade-up">

        <div class="modal-header">
            <a class="btn btn-primary" href="{!! route('epg.forceupdate') !!}" role="button">Force Update</a>
        </div>
        <div class="table-wrapper">
            <table class="table" id="myTable">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Source Name</th>
                        <th>File Name</th>
                        <th>URL</th>
                        <th>last Update @</th>

                    </tr>
                </thead>
                <tbody>

                    @if ($epg->id != null )
                    {{-- edit url form --}}
                    <form class="form-horizontal" action="{!! route('epg.update',[$epg->id]) !!}" method="POST"
                        role="form" enctype="multipart/form-data">
                        @method('PATCH')

                        @endif
                        @if ($epg->id == null )
                        {{-- Add url form --}}
                        <form class="form-horizontal" action="{!! route('epg.store') !!}" method="POST" role="form"
                            enctype="multipart/form-data">

                            @endif
                            @csrf
                            <tr>
                                <td>{{ $epg->id }}</td>
                                <td>
                                    <input type="text" id="name" name='name'
                                        class="no-outline @error('name') is-invalid @enderror" autofocus
                                        value="{{ old('name') ? old('name') : (isset($epg->name) ? $epg->name:null) }}">
                                    @error('name')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                    @enderror
                                </td>
                                <td>
                                    <input type="text" id="file_name" name='file_name' readonly
                                        class="no-outline @error('file_name') is-invalid @enderror" autofocus
                                        value="{{ old('file_name') ? old('file_name') : (isset($epg->file_name) ? $epg->file_name:null) }}">
                                    @error('file_name')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                    @enderror
                                </td>
                                <td>
                                    <input type="text" id="epg_source" name='epg_source'
                                        class="no-outline @error('epg_source') is-invalid @enderror" autofocus
                                        value="{{ old('epg_source') ? old('epg_source') : (isset($epg->epg_source) ? $epg->epg_source:null) }}">
                                    @error('epg_source')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                    @enderror
                                </td>
                                <td>
                                    <input type="text" id="updated_at" name='updated_at' readonly
                                        class="no-outline @error('updated_at') is-invalid @enderror" autofocus
                                        value="{{ old('updated_at') ? old('updated_at') : (isset($epg->updated_at) ? $epg->updated_at:null) }}">
                                </td>
                                <td>
                                    @if ($epg->id != null )
                                    <button type="submit" class="btn btn-info">Update</button>
                                    @endif
                                    {{-- @if ($epg->id == null )
                                    <button type="submit" class="btn btn-info">Add</button>
                                    @endif --}}
                                </td>

                            </tr>
                        </form>


                </tbody>
            </table>
        </div>
    </div>


</section>

@endsection