{% extends "layouts/base.html" %}


{% load static %} 


{% block title %} Edit TV Channel : {{channel.channel_name}} {% endblock %}


{% block extra_css %}{% endblock %}


{% block breadcrumb %}
<div class="page-header">
    <h1 class="page-title"> Edit Channel: {{channel.channel_name}} </h1>
    <div>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{% url 'core:dashboard' %}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="javascript:void(0);">Channels</a></li>
            <li class="breadcrumb-item active" aria-current="page">Edit</li>
        </ol>
    </div>
</div>
{% endblock %}


{% block content %}  
<div class="row">
    <div class="col-12 col-sm-12">
        <form method="post" action="{%url 'channels:update_channel' id_channel=channel.id_channel %}" enctype="multipart/form-data">
            {% csrf_token %}


            <div class="card">
                <div class="card-header">
                    <h3 class="card-title"> The Channel</h3>
                </div>
                <div class="card-body">
                    <div class="row row-sm">
                        <div class="col-lg">
                            <label class="form-label">Name</label>
                            <input value="{{ channel.channel_name }}" class="form-control mb-4" placeholder="Channel's Name" name="channel_name" type="text" required>
                        </div>
                        <div class="col-lg">
                            <label class="form-label">Language </label>
                            <input value = "{{ channel.channel_lang }}" class="form-control mb-4" placeholder="" name="language" type="text" required>
                        </div>
                        <div class="col-lg">
                            <label class="form-label">Genre</label>
                            <input value="{{ channel.channel_genre }}" class="form-control mb-4" placeholder="" name="genre" type="text" required>
                        </div>

                        <div class="col-md-12">
                            <label class="form-label">Description (Optional)</label>
                            <textarea name="channel_desc" class="form-control" rows="3" spellcheck="false" data-gramm="false">{{ channel.channel_desc }}</textarea>
                        </div>

                    </div>
                    <br><br>
                <!--   <button type="submit" style="width:100px; text-align:center;" class="btn btn-primary" name="button">Submit</button> -->

                </div>


            </div>

            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">The Channel</h3>
                </div>
                <div class="card-body">
                    <div class="row row-sm">
                        <div class="col-lg">
                            <label class="form-label">FTP Channel Name</label>
                            <input value="{{ channel.ftp_channel_name}}" class="form-control mb-4" placeholder="FTP Name" name="ftp" type="text" required>
                        </div>
                        <div class="col-lg">
                            <label class="form-label">SFR Channel Name</label>
                            <input value="{{ channel.sfr_channel_name}}" class="form-control mb-4" placeholder="" name="sfr" type="text" required>
                        </div>


                    </div>
                    <br><br>
                <button type="submit" style="width:100px; text-align:center;" class="btn btn-primary" name="button">Submit</button>

                </div>

            </div> 
        </form> 
    </div><!-- COL END -->
</div> 
{% endblock content %}


{% block extra_js %}{% endblock %}