@extends('layouts.app')

@section('content')
<meta name="csrf-token" id="csrf-token" content="{{ csrf_token() }}">
<section class="content-header" style="margin-bottom:20px">
    <h1>Add New APK</h1>
</section>
<!-- /.box -->

@if (count($errors) > 0)
<div class="alert alert-danger">
    <strong>Whoops!</strong> There were some problems with your input.<br><br>
    <ul>
        @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
        @endforeach
    </ul>
</div>
@endif

@if ($message = Session::get('success'))
<div class="alert alert-success">
    <p>{{ $message }}</p>
</div>
@endif

<div class="box">
    <div class="box-header">
        <h3 class="box-title">Add APK</h3>
        <div class="pull-right">
            <button class="btn btn-success btn-sm pull-right" onclick="window.history.back();">Back</button>
        </div>
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <form id="addApkForm" class="form-horizontal addBorderClass" role="form" enctype="multipart/form-data" method="POST" action="{{ route('media.apk_save') }}">
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <div class="row">
                                
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <label class="col-md-2">Is for Premium or Channel:</label>
                        <select class="col-md-4 premium_or_mc" id="premium_or_mc" name="is_for_premium_or_mc">
                            <option value="">Select Premium/My Channel</option>
                            @foreach($premier as $key=>$val)
                                <option value="{{ $key }}">{{ $val }}</option>
                            @endforeach	
                        </select>
                        <div class="col-md-3"></div>
                    </div>
                </div>

               
                
                <div class="col-xs-12 col-sm-12 col-md-12 premium_mychannel"></div>

                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <label class="col-md-2">Version:</label>
                        <input type="text" class="col-md-4" name="version" placeholder="Enter Version" value="@if($version) {{ $version }} @endif"  oninput="validateInput(this)">
                        <div class="col-md-3"></div>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <label class="col-md-2">Name:</label>
                        <input type="text" id="playlistId" class="col-md-4" name="name" placeholder="Enter Name">
                        <div class="col-md-3"></div>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <label class="col-md-2">Image Name:</label>
                        <input type="text" id="playlistId" class="col-md-4" name="image_name" placeholder="Enter Image Name">
                        <div class="col-md-3"></div>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <label class="col-md-2">Package Name:</label>
                        <input type="text" id="playlistId" class="col-md-4" name="package" placeholder="Enter Package Name">
                        <div class="col-md-3"></div>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <label class="col-md-2">User Type:</label>
                        <select class="col-md-4 changeOption" id="userTypeId" name="user_type_id">
                            <option value="">Select User Type</option>
                            @foreach($userType as $type)
                            <option value="{{ $type->id }}">{{ $type->name }}</option>
                            @endforeach	
                        </select>
                        <div class="col-md-3"></div>
                    </div>
                </div>


                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <label class="col-md-2">APK File:</label>
                        <input type="file" class="col-md-4" name="apk">
                        <div class="col-md-3"></div>
                    </div>
                </div>
                
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <label class="col-md-2">Apk Type:</label>
                        <select class="col-md-4 changeApkTypeOption" id="changeApkTypeOption" name="apk_category_id">
                            <option value="">Select Apk Type</option>
                            @foreach($categoryType as $catType)
                            <option value="{{ $catType->id }}">{{ $catType->name }}</option>
                            @endforeach	
                        </select>
                        <div class="col-md-3"></div>
                    </div>
                </div>
                
                @php
                    $cat = config('apiCred.apk_category');
                @endphp
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <label class="col-md-2">Apk Category:</label>
                        <select class="col-md-4 changeApkTypeOption" id="changeApkTypeOption" name="apk_category">
                            <option value="">Select Apk Category</option>
                            @foreach($cat as $key => $val)
                            <option value="{{ $key }}">{{ $val }}</option>
                            @endforeach	
                        </select>
                        <div class="col-md-3"></div>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <label class="col-md-2">Is For Play Store:</label>
                        {{ Form::radio('is_for_playstore', 'Yes') }} Yes
                        {{ Form::radio('is_for_playstore', 'No', true) }} No
                    </div>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <label class="col-md-2">Force Update:</label>
                        {{ Form::radio('force_update', 'Yes') }} Yes
                        {{ Form::radio('force_update', 'No', true) }} No
                    </div>
                </div>
                
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <label class="col-md-2">Apk Order:</label>
                        <select class="col-md-4 changeApkOrder" id="changeApkOrder" name="apk_order">
                            <option value="0">Select Apk Order</option>
                            @for($i = 1;$i <= 500;$i++ )
                                <option value="{{ $i }}">{{ $i }}</option>
                            @endfor	
                        </select>
                        <div class="col-md-3"></div>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12 text-center">
                    <button type="submit" class="btn btn-primary">Submit</button>
                </div>
            </div>
        </form>
    </div>
</div>

<script src="{{ asset('/js/media.js') }}"></script>
<script>
     $(document).ready(function () {
     $("#addApkForm").validate({
            rules: {
                version: {required: true},
                name: {required: true},
                apk: {required: true},
            },
            messages: {
                version: {required: "Please enter apk version."},
                name: {required: "Please enter apk name."},
                apk: {required: "Please select apk.", remote: "Please upload apk file."}
            }
        });
    });
  
    function validateInput(input) {
        // Remove any non-numeric characters except for the first dot
        input.value = input.value.replace(/[^0-9.]/g, '');

        // Remove additional dots if there are more than one
        if (input.value.split('.').length > 2) {
            input.value = input.value.slice(0, -1);
        }
    }

</script>

@endsection