@extends('layouts.app')

@section('page_css')
    @parent

@endsection

@section('theme_css')
@endsection
<!-- START @PAGE CONTENT -->

@section('content')

    <div class="grid grid-cols-12 gap-6 mt-5">
        <div class="intro-y col-span-12 lg:col-span-9">
            <div class="intro-y box">
                <div class="flex flex-col sm:flex-row items-center p-5 border-b border-gray-200 dark:border-dark-5">
                    <h2 class="font-medium text-base mr-auto ml-6">Add New Startup</h2>

                    <div class="w-full sm:w-auto flex items-center sm:ml-auto mt-3 sm:mt-0">
                        <a href="{!! route('admin.master.startup_launch') !!}" class="btn btn-secondary w-auto inline-block mr-1 mb-2">Back to Listing</a>
                    </div>
                </div>

           
                <form  id="new_startup_form" action={{ route('admin.master.startup_launch.store') }} method="post" enctype="multipart/form-data">
                 @csrf
                <div class="grid grid-cols-12 gap-4 gap-y-5 mt-5 px-5">
                    <div class="col-span-12"> 
                        <label for="startup_launch_title" class="form-label">Startup Title
                            <span id="startup_launch_title_error" class="asterisk">*@error('startup_launch_title')please provide title @enderror</span>
                        </label> 
                        <input id="startup_launch_title" name="startup_launch_title" type="text" class="form-control" placeholder="Startup Title"> 
                    </div>

                    <div class="col-span-12"> 
                            <label for="startup_launch_session_master_id" class="form-label">Batch
                                <span id="startup_launch_session_master_id_error" class="asterisk">*@error('startup_launch_session_master_id')please provide batch @enderror</span>
                            </label> 
                            <select data-placeholder="" id="startup_launch_session_master_id" name="startup_launch_session_master_id" class="tom-select w-full">
                                @foreach($session_master as $_session_master)
                                    <option value= "{{$_session_master['id']}}" >{{ $_session_master['batch_caption'] }}</option>
                                @endforeach
                            </select> 
                    </div>

                    <div class="col-span-12">
                        <div class="control-group">
                            <label for="startup_launch_date_range" class="form-label">Date Range
                                <span id="startup_launch_date_range_error" class="asterisk">*@error('date_range')please provide date range @enderror</span>
                            </label>
                            <input data-daterange="true" id="startup_launch_date_range" name="startup_launch_date_range" class="datepicker form-control w-64 block">
                        </div>
                    </div>        

                    <div class="col-span-12">
                        <label for="startup_category" class="form-label">Startup Category
                            <span id="startup_category_error" class="asterisk">*@error('startup_category')please provide startup category @enderror</span>
                        </label>
                         <select data-placeholder="Select type of startup" id="startup_category" name="startup_category[]" class="tom-select w-full" multiple>
                         @php
                            foreach($startup_categories as $startup_category)
                            {
                                echo '<option value= '.$startup_category["name"].' > '.$startup_category["name"].'</option>';
                            }
                         @endphp                           
                        </select>
                    </div>

                    <div class="col-span-12">
                         <label class="form-label">Banners<span id="banners_error" class="asterisk">*@error('banners'){{$message}} @enderror</span></label>
                            <div class="control-group mt-2">
                                <input id="banners" name="banners[]" type="file" multiple/>
                            </div>
                    </div>
                    
                    <div class="col-span-12">
                        <div class="form-check mt-2">  
                            <label class="w-32" for="startup_launch_is_active">
                                Is Active
                            </label>
                            <input id="startup_launch_is_active" name="startup_launch_is_active" class="form-check-input" type="checkbox" value="Y">
                        </div>       
                    </div>

                    <div class="col-span-12 flex items-center mt-5 mb-10 margin-center">
                        <button type="submit" id="submit_startup_launch"  class="btn btn-primary w-44 ml-2">Save</button>
                    </div>
                </div>
                </form>
            </div>
        </div>
    </div>

     
@endsection


@section('plugin_scripts')

@endsection

@section('page_scripts')
    @parent
 <script>    
  
    $(document).ready(function(){
         $("#submit_startup_launch").click(function(e){
            if($("#startup_launch_title").val()=="")
            {
                e.preventDefault();
                $("#startup_launch_title_error").text("* please provide title");   
            }
            if($("#startup_launch_date_range").val()=="")
            {
                e.preventDefault();
                $("#startup_launch_date_range_error").text("* please provide date range");   
            }
            if($("#startup_category").val()=="")
            {
                e.preventDefault();
                $("#startup_category_error").text("* please provide startup category");
            }
            if($("#banners").val()=="")
            {
                e.preventDefault();
                $("#banners_error").text("* please upload atleast one banner");
            }
        });      
    });
</script>
 
@endsection
<!--/ END PAGE CONTENT -->