@extends('front.layouts.front')
@section('maincss')
    <link rel="stylesheet" href="{{ asset_public_admin('css/dropify.min.css') }}">
@endsection
@section('content')
    <!-- page title -->
    <section class="section section--first section--last section--head" data-bg="{{ asset('assets/img/bg.jpg') }}">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section__wrap">
                        <h2 class="section__title">Custom Channel Create</h2>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end page title -->

    <!-- section -->
    <section class="section">
        <div class="container">
            <form action="{{ route('front.custom-channel.store') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="form">
                    <div class="row">
                        <div class="col-12 col-md-12 col-lg-12 col-xl-12">
                            <label class="form__label" for="name">Name</label>
                            <input id="name" type="text" name="name" class="form__input">
                        </div>

                        {{-- <div class="col-12 col-md-6 col-lg-12 col-xl-6">
                            <label class="form__label" for="handle">Handle</label>
                            <input id="handle" type="text" name="handle" class="form__input">
                        </div> --}}

                        <div class="col-12 col-md-12 col-lg-12 col-xl-12">
                            <label class="form__label" for="description">Description</label>
                            <textarea id="description" name="description" class="form__input"></textarea>
                        </div>
                        <div class="col-12 col-md-6 col-lg-12 col-xl-6">
                            <label class="form__label" for="logo">Logo</label>
                            <input type="file" name="logo" id="logo" class="dropify" accept="image/*">
                        </div>
                        <div class="col-12 col-md-6 col-lg-12 col-xl-6">
                            <label class="form__label" for="banner">Banner</label>
                            <input type="file" name="banner" id="banner" class="dropify" accept="image/*">
                        </div>
                        {{-- <div class="col-12 col-md-6 col-lg-12 col-xl-6">
                            <label class="form__label" for="language">Language</label>
                            <input type="text" name="language" id="language" class="form__input">
                        </div> --}}
                        <div class="col-12 col-md-6 col-lg-12 col-xl-6">
                            <label class="form__label" for="url">Channel URL</label>
                            <input type="text" name="url" readonly id="url" class="form__input" value="{{ route('front.custom-channel.show',[$uuid]) }}">
                            <input type="hidden" name="uuid" value="{{ $uuid }}">
                        </div>
                        {{-- <div class="col-12 col-md-6 col-lg-12 col-xl-6">
                            <label class="form__label" for="email">Contact Email</label>
                            <input type="email" name="email" id="email" class="form__input">
                        </div>
                        <div class="col-12 col-md-6 col-lg-12 col-xl-6">
                            <label class="form__label" for="mobile">Contact Mobile</label>
                            <input type="text" name="mobile" id="mobile" class="form__input">
                        </div> --}}
                    </div>
                </div>
                <div class="form text-center empowered d-flex gap-10">
                    <button class="form__btn" type="submit">Save</button>
                    <a class="profile__logout" href="{{ route('front.custom-channel.index') }}">Cancel</a>
                </div>
            </form>
        </div>
    </section>
    <!-- end section -->
@endsection

@section('script')
    <script src="{{ asset_public_admin('js/dropify.js') }}"></script>
    <script>
        $('.dropify').dropify();
    </script>

@endsection