@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="">
    <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
      {{ Form::open(['route' => 'splash', 'files' => true]) }}

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

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

        {!! Form::close() !!}   
     </div>
    </div>
  </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