@extends('layouts.app')
@section('content')
  <div class="main-content">
    <!-- Header -->
    <div class="header bg-gradient-danger pb-8 pt-5 pt-md-6">
       <div class="container-fluid">
          <div class="header-body">
             <div class="row align-items-center py-4">
                <div class="col-lg-6 col-7">
                   <nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
                      <ol class="breadcrumb breadcrumb-links breadcrumb-dark">
                         <li class="breadcrumb-item"><a href="{{url('home')}}"><i class="fas fa-home"></i></a></li>
                         <li class="breadcrumb-item"><a href="{{url('settings')}}">Settings</a></li>
                      </ol>
                   </nav>
                </div>
             </div>
          </div>
       </div>
    </div>
    <!-- Page content -->
    <div class="container-fluid mt--7">
      <div class="row">
        <div class="col-lg-12">
          <div class="card bg-secondary shadow">
            <div class="card-header bg-white">
              <div class="row align-items-center">
                <div class="col-12">
                  <h4 class="mb-0">Settings</h4>
                </div>
              </div>
            </div>
            <div class="card-body">
                @if(Session::has('message'))
                <div class="alert {{ Session::get('alert-class', 'alert-info') }}" role="alert">
                    {{ Session::get('message') }}
                </div>
                @endif
                <form method="POST" name="myform" id="myform" action="{{ url('settings/save') }}">
                    {{ csrf_field() }}
                    <div class="card-body">     
                          <div class="container">
                              <div class="row">
                                <div class="col-sm">
                                    <div class="card-header">
                                        <h4 class="mb-0">
                                            Sea Instructions                   
                                        </h4>
                                    </div>
                                    <div class="card-body" style="background: #ffffff;">
                                        <div class="form-group">
                                            <div class="col-sm-12">
                                                <textarea class="form-control" rows="4" cols="45" placeholder="Enter Instructions" name="ship4me_instructions" required>{{$setting->ship4me_instructions}}</textarea>
                                            </div>
                                        </div>
                                       
                                    </div>
                                </div>
                                <div class="col-sm">
                                    <div class="card-header">
                                        <h4 class="mb-0">
                                           Air Instructions       
                                        </h4>
                                    </div>
                                    <div class="card-body" style="background: white;">
                                        <div class="form-group">
                                            <div class="col-sm-12">
                                                <textarea class="form-control" rows="4" cols="45" placeholder="Enter Instructions" name="buy4me_instructions" required>{{$setting->buy4me_instructions}}</textarea>
                                            </div>
                                        </div>
                                       
                                    </div>
                                </div>
                              </div>
                            </div>
                        <br/>
                        <div align="center"><input type="submit" name="submit" value="Submit" class="btn btn-primary"></div>
                    </div>
                </form>    
            </div>
          </div>
        </div>
      </div>
    </div>

<script type="text/javascript">
$(document).ready(function() {
    setTimeout(function() {
      $('.alert').fadeOut('slow');
    }, 3000); 
});
</script>

@endsection