{% extends "DAIManagementApp/base.html" %}
{% block content %}

<div class="app-content">
    <div class="side-app">

    <div class="page-header">
        <div>
            <h1 class="page-title">Edit Channel</h1>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">TV Channels </a></li>
                <li class="breadcrumb-item active" aria-current="page">Edit Channel </li>
            </ol>
        </div>


    </div>

    <div class="row">
        <div class="col-12 col-sm-12">
            <form method="post" action="{%url '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>

</div>
</div>

{% endblock content %}