@extends('body')
@section('title')
Channel @if (isset($channel)) Edit @else Add @endif
@endsection

@section('breadcrumbs')
@if (isset($channel))
<li><a href="{{ url('/') }}">Home</a></li>
<li><a href="{{ url('/sites') }}">Sites</a></li>
<li><a href="{!! route('channels.show',$site->id) !!}">{{ $site->name }}</a></li>
<li>{{ $channel->name }}</li>
@else
<li><a href="{{ url('/') }}">Home</a></li>
<li><a href="{{ url('/sites') }}">Sites</a></li>
<li><a href="{!! route('channels.show',$site->id) !!}">{{ $site->name }}</a></li>
<li>New Channel</li>
@endif
@endsection


@section('content')
<style>
    .btn {
        width: 100%;
    }
</style>
<section id="about" class="about">
    <div class="container" data-aos="fade-up">

        @if (isset($channel))
        <legend>
            <center>
                <h2><b>Edit channel</b></h2>
            </center>
        </legend>

        <form class="form-horizontal" action="{!! route('channels.update',[$channel->site_id, $channel->id]) !!}"
            method="POST" role="form" enctype="multipart/form-data">
            @method('PATCH')
            @else
            <legend>
                <center>
                    <h2><b>Add Channel to {{ $site->name }}</b></h2>
                </center>
            </legend>
            <form class="form-horizontal" action="{!! route('channels.store',$site->id) !!}" method="POST" role="form"
                enctype="multipart/form-data">
                @endif
                @csrf

                @if (session('success'))
                <div class="alert alert-info alert-dismissible fade show" role="alert">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                    <strong>Info!</strong> {{ session('success') }}
                </div>
                @endif
                @if (session('newchannel'))
                <div class="alert alert-info alert-dismissible fade show" role="alert">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                    <strong>Success!</strong> {{ session('newchannel') }}
                </div>
                @endif


                {{-- Channel image --}}



                <div class="row justify-content-between text-left">

                    <div class="form-group col-sm-6 flex-column d-flex">
                        <label class="form-control-label px-3">Channel Name<span class="text-danger">
                                *</span></label>
                        <input type="text" id="name" name='name' placeholder=" "
                            class="form-control @error('name') is-invalid @enderror" autofocus
                            value="{{ old('name') ? old('name') : (isset($channel->name) ? $channel->name:null) }}">
                        @error('name')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                        @enderror
                    </div>

                    <div class="form-group col-sm-6 flex-column d-flex">
                        <label class="form-control-label px-3">Logical Channel Number (LCN)<span class="text-danger">
                                *</span></label>
                        <input type="text" id="logical_channel_number" name='logical_channel_number' placeholder=" "
                            class="form-control @error('logical_channel_number') is-invalid @enderror" autofocus
                            value="{{ old('logical_channel_number') ? old('logical_channel_number') : (isset($channel->logical_channel_number) ? $channel->logical_channel_number:null) }}">
                        @error('logical_channel_number')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                        @enderror
                    </div>


                </div>


                <div class="row justify-content-between text-left">
                    <div class="form-group col-sm-6 flex-column d-flex">
                        <label class="form-control-label px-3">Multicast<span class="text-danger">
                                *</span></label>
                        <input type="text" id="multicast" name='multicast' placeholder=" "
                            class="form-control @error('multicast') is-invalid @enderror" autofocus
                            value="{{ old('multicast') ? old('multicast') : (isset($channel->multicast) ? $channel->multicast:null) }}">
                        @error('multicast')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                        @enderror
                    </div>

                    <div class="form-group col-sm-6 flex-column d-flex">
                        <label class="form-control-label px-3">Port<span class="text-danger">
                                *</span></label>
                        <input type="text" id="port" name='port' placeholder=" "
                            class="form-control @error('port') is-invalid @enderror" autofocus
                            value="{{ old('port') ? old('port') : (isset($channel->port) ? $channel->port:null) }}">
                        @error('port')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                        @enderror
                    </div>
                </div>

                <div class="row justify-content-between text-left">
                    <div class="form-group col-sm-6 flex-column d-flex">
                        <label class="form-control-label px-3">PMT PID<span class="text-danger">
                                *</span></label>
                        <input type="text" id="pmt" name='pmt' placeholder=" "
                            class="form-control @error('pmt') is-invalid @enderror" autofocus
                            value="{{ old('pmt') ? old('pmt') : (isset($channel->pmt) ? $channel->pmt:null) }}">
                        @error('pmt')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                        @enderror
                    </div>

                    <div class="form-group col-sm-6 flex-column d-flex">
                        <label class="form-control-label px-3">Service ID<span class="text-danger">
                                *</span></label>
                        <input type="text" id="service_id" name='service_id' placeholder=" "
                            class="form-control @error('service_id') is-invalid @enderror" autofocus
                            value="{{ old('service_id') ? old('service_id') : (isset($channel->service_id) ? $channel->service_id:null) }}">
                        @error('service_id')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                        @enderror
                    </div>
                </div>


                <div class="row justify-content-between text-left">
                    <div class="form-group col-sm-6 flex-column d-flex">
                        <label class="form-control-label px-3">Service Type<span class="text-danger">
                                *</span></label>
                        <div id="sel_op">
                            <select id="service_type" name='service_type'
                                class="select_input form-control @error('service_type') is-invalid @enderror">
                                {{-- <option>Select...</option> --}}
                                <option id="select_option" value="1" {{ old('service_type')=='1' ? 'selected' :
                                    (isset($channel->service_type) ? ($channel->service_type == '1' ? 'selected': null):
                                    null) }}>
                                    Channel </option>
                                <option id="select_option" value="2" {{ old('service_type')=='2' ? 'selected' :
                                    (isset($channel->service_type) ? ($channel->service_type == '2' ? 'selected': null):
                                    null) }}>
                                    Radio</option>
                            </select>
                            @error('service_type')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group col-sm-6 flex-column d-flex">
                        <label class="form-control-label px-3">Transport ID<span class="text-danger">
                                *</span></label>
                        <input type="text" id="transport_id" name='transport_id' placeholder=" "
                            class="form-control @error('transport_id') is-invalid @enderror" autofocus
                            value="{{ old('transport_id') ? old('transport_id') : (isset($channel->transport_id) ? $channel->transport_id:null) }}">
                        @error('transport_id')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                        @enderror
                    </div>
                </div>


                <div class="row justify-content-between text-left">
                    <div class="form-group col-sm-6 flex-column d-flex">
                        <label class="form-control-label px-3">ON ID<span class="text-danger">
                                *</span></label>
                        <input type="text" id="original_network_id" name='original_network_id' placeholder=" "
                            class="form-control @error('original_network_id') is-invalid @enderror" autofocus
                            value="{{ old('original_network_id') ? old('original_network_id') : (isset($channel->original_network_id) ? $channel->original_network_id:null) }}">
                        @error('original_network_id')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                        @enderror
                    </div>

                    <div class="form-group col-sm-6 flex-column d-flex">
                        <label class="form-control-label px-3">Network ID<span class="text-danger">
                                *</span></label>
                        <input type="text" id="network_id" name='network_id' placeholder=" "
                            class="form-control @error('network_id') is-invalid @enderror" autofocus
                            value="{{ old('network_id') ? old('network_id') : (isset($channel->network_id) ? $channel->network_id:null) }}">
                        @error('network_id')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                        @enderror
                    </div>
                </div>

                <div class="row justify-content-between text-left">

                    <div class="file input_box">
                        <label class="form-control-label px-3">Upload Image<span class="text-danger">
                            </span></label>
                        <input type="file" id="image_file" name="image_file"
                            class="form-control-file @error('image_file') is-invalid @enderror" autofocus
                            value="{{ old('image') ? old('image') : (isset($channel->image_source) ? $channel->image_source:null) }}">
                        @error('image_file')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                        @enderror
                    </div>

                    @if (isset($channel))
                    <div class="form-group col-sm-6 flex-column d-flex">
                        <div class="profile">

                            <img src="{{ asset( $channel->image_source ) }}" alt="Image" class="img-fluid"
                                style="width:200px; height: 200px;">

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


                <div class="row justify-content-between text-left">
                    @if (isset($channel))
                    <div class="form-group col-sm-6 flex-column d-flex">

                        <input type="text" id="imageassets" name='imageassets' placeholder=" " class="form-control"
                            hidden value="{{ $channel->image_source}}">

                    </div>
                    @endif
                </div>




                <div class="row justify-content-center text-left">
                    @if (isset($channel))
                    @if (Auth::user()->isAuthorized('channels.edit') == true)

                    <div class="form-group col-sm-6">
                        <button type="submit" class="btn btn-info">Edit</button>
                    </div>

                    @endif
                    @else
                    @if (Auth::user()->isAuthorized('channels.create') == true)

                    <div class="form-group col-sm-6">
                        <button type="submit" class="btn btn-info">Save</button>
                    </div>

                    @endif
                    @endif
                </div>

            </form>

            {{-- Delete channel --}}
            @if (isset($channel))
            @if (Auth::user()->isAuthorized('channels.destroy') == true)
            <div class="form-group">
                <form action="{!! route('channels.destroy',[$channel->site_id,$channel->id]) !!}" method="POST"
                    role="form">
                    @csrf
                    @method('DELETE')
                    <div class="row justify-content-center text-left">
                        <div class="form-group col-sm-6">
                            <button type="submit" class="btn btn-info">Delete</button>
                        </div>
                    </div>
                </form>
            </div>
            @endif
            @endif
            {{-- Delete channel --}}

    </div>
</section>
@endsection