@extends('layouts.master')

@push('cssCode')
    <style>
        .clientTable {
            margin: 20px auto;
            font-size: 15px;
            font-weight: bold;
        }

        .clientTable tr td {
            padding: 4px;
            /* text-align: center; */
        }

        .nav-tabs li.active a {
            background-color: #41B3AB !important;
            color: #ffffff !important;
        }

        table td .btn {
            margin-right: 0px !important;
        }

        .text-right-width {
            text-align: right;
            width: 50%;
        }

        .profile-img {
            width: 150px;
            margin: 20px auto;
            border: 3px solid #000000;
            height: 150px;
        }

        .splash-img {
            margin: 20px 0;
        }

        .splash-img img {
            width: 150px;
            height: auto;
        }
    </style>
    @section('content')
        <div class="right_col" role="main" style="min-height: 3008px;">
            <div class="">
                {{ Form::open(['route' => 'splash', 'files' => true]) }}
                <div class="page-title">
                    <div class="title_left">
                        <h3>Add Splash</h3>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        @if (session()->has('message'))
                            <div class="alert alert-success">
                                {{ session()->get('message') }}
                            </div>
                        @endif
               
                        @if (!empty($splash) > 0)
                            <div class="splash-img">
                                <img src="{{ URL::asset('/splashImg/') . '/' . $splash }}" />
                            </div>
                        @endif


                        <div class="form-group">
                            {!! Form::label('name', 'Upload Splash') !!}
                            {!! Form::file('splashfile', null, ['class' => 'form-control']) !!}
                        </div>


                    </div>
                </div>


                {{-- Premium image starts from here --}}
                <hr>
                <div class="page-title mt-5">
                    <div class="title_left">
                        <h3>Premium Version Image</h3>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        
                        @if (!empty($premium_image) > 0)
                            <div class="splash-img">
                                <img src="{{ URL::asset('/splashImg/') . '/' . $premium_image }}" />
                            </div>
                        @endif


                        <div class="form-group">
                            {!! Form::label('name', 'Premium Version Image') !!}
                            {!! Form::file('preimiumimagefile', null, ['class' => 'form-control']) !!}
                        </div>


                    </div>
                </div>
                {!! Form::submit('Update', ['class' => 'btn btn-info']) !!}

                {!! Form::close() !!}
            </div>
        </div>
    @endsection
    @push('jsCode')

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    @endpush