@extends('frontend.publisher.layout.layout')
@section('content')
<div id="content-page" class="content-page">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="iq-card">
                    <div class="iq-card-header d-flex justify-content-between">
                        <div class="iq-header-title">
                            <h4 class="card-title">Add New Show</h4>
                        </div>
                    </div>
                    @if (session()->has('success'))
                    <div class="alert alert-success"> @if(is_array(session('success')))
                        <ul>
                            @foreach (session('success') as $message)
                            <li>{{ $message }}</li>
                            @endforeach
                        </ul>
                        @else
                        {{ session('success') }}
                        @endif
                    </div>
                    @endif
                    @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif
                    <div class="iq-card-body">
                        <form method="post" action="{{route('tvshow.store')}}" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <input type="text" class="form-control" placeholder="Title" name="title" required>
                                </div>
                                <div class="col-md-6 form-group">
                                    <select class="form-control" data-live-search="true" id="exampleFormControlSelect1"
                                        name="language" required>
                                        <option selected disabled="">Choose Language</option>
                                        @foreach($language as $lang)
                                        <option value="{{$lang->id}}">{{$lang->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-6 form-group">
                                    <select class="form-control ss" multiple data-live-search="true" name="category[]"
                                        required>
                                        <option selected disabled hidden>Category</option>
                                        @foreach($category as $cat)
                                        <option value="{{$cat->id}}">{{$cat->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-6 form_gallery form-group">
                                    <label id="show_logo" for="form_gallery-upload_show_logo">Upload Logo</label>
                                    <input data-name="#show_logo" id="form_gallery-upload_show_logo" name="image"
                                        class="form_gallery-upload" type="file" accept=".png, .jpg, .jpeg">
                                </div>
                                <div class="col-md-6 form_gallery form-group">
                                    <label id="portrait_image" for="form_gallery-upload_portrait_image">Upload Portrait
                                        Image</label>
                                    <input data-name="#portrait_image" id="form_gallery-upload_portrait_image"
                                        name="portrait_image" class="form_gallery-upload" type="file"
                                        accept=".png, .jpg, .jpeg" required>
                                </div>
                                <div class="col-md-6 form_gallery form-group">
                                    <label id="landscape_image" for="form_gallery-upload_landscape_image">Upload
                                        Landscape Image</label>
                                    <input data-name="#landscape_image" id="form_gallery-upload_landscape_image"
                                        name="landscape_image" class="form_gallery-upload" type="file"
                                        accept=".png, .jpg, .jpeg" required>
                                </div>
                                <div class="col-md-6 form_gallery form-group">
                                    <label id="gallery2" for="show2">Upload Show Banner</label>
                                    <input data-name="#gallery2" id="show2" name="banner" class="form_gallery-upload"
                                        type="file" accept=".png, .jpg, .jpeg" required>
                                </div>
                                <div class="col-md-6 form_gallery form-group">
                                    <label id="gallery3" for="show3">Upload Trailer</label>
                                    <input data-name="#gallery3" id="show3" name="trailer" class="form_gallery-upload"
                                        type="file" accept="video/mp4,video/x-m4v,video/*" multiple>
                                </div>
                                <div class="col-6 form-group">
                                    <input class="form-control date-input basicFlatpickr" name="release_date"
                                        type="text" placeholder="Release Date" required>
                                </div>


                                <div class="col-12 form-group">
                                    <textarea id="text1" name="description" rows="5" class="form-control"
                                        placeholder="Description"></textarea>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12 form-group">
                                    <button type="submit" class="btn btn-primary">Submit</button>
                                    <!-- <button type="reset" class="btn btn-danger">cancel</button> -->
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection