{{-- Extends layout --}}
@extends('layout.default')

{{-- Content --}}
@section('content')


<style>
.form-control{
    display:inline-block;
}      
label.error{
    color:red;
} 
.form-control.error {
    border-color: #fd397a;
    padding-right: calc(1.5em + 1.3rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fd397a' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fd397a' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.325rem);
    background-size: calc(0.75em + 0.65rem) calc(0.75em + 0.65rem);
}
.required
{
    color:red;
}
</style>
<!--begin::Card-->

@if(session('success'))
      <div class="alert alert-success" role="alert">   
        {{ session('success') }}
        </div>
@endif
<div class="card card-custom gutter-b">
    <div class="card-header flex-wrap pt-6 pb-0 ">
        <div class="card-title">
         @if(isset($cms)) 

            @else 
            <h3 class="card-label">Settings
            @endif 
                <!-- <span class="d-block text-muted pt-2 font-size-sm">row selection and group actions</span> --></h3>
            </div>

        </div>
          @if(isset($cms)) 
        <form class="kt-form" id="frmcmsadd" enctype="multipart/form-data"  method='post' action="/cms/{{$cms->page_id}}" >
            <input type='hidden' id='settings_id' name='settings_id' value='{{$setting[0]["id"]}}' />
            @method('put')
            @else 
            <form name='frmcmsadd' id='frmcmsadd' method="post" action="{{ route('setting.store') }}" enctype="multipart/form-data" >   
                @endif  

                @csrf 
                <!-- <div class="card card-custom"> -->

   <div class="card-body">
    <div class="form-group row">
        <div class="col-lg-6">
             <div class="form-group">
                <label>Email<span class="text-danger">*</span></label>
            <div class="input-group input-group-sm">
                <div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-paper-plane" aria-hidden="true"></i></span></div>
                    <input type="text" value='@isset($setting[0]["email"]){{ $setting[0]["email"] }} @endisset' name="email" class="form-control" placeholder="Enter email" aria-describedby="basic-addon2"/>
                </div>
            </div>
                        
            
            <div class="form-group">
            <label>Company name<span class="text-danger">*</span></label>
            <div class="input-group input-group-sm">
                <div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-user" aria-hidden="true"></i></span></div>
                    <input type="text" value='@isset($setting[0]["company_name"]){{ $setting[0]["company_name"] }} @endisset' name="compamy_name" class="form-control" placeholder="Enter company name" aria-describedby="basic-addon2"/>
                </div>
                


             <div class="form-group">        
                    <label for="exampleTextarea">Address<span class="text-danger">*</span></label>
                    <textarea class="form-control"  value='' name="address" id="address" rows="3">@isset($setting[0]["address"]){{ $setting[0]["address"] }} @endisset</textarea>
            </div>
  

            <div class="form-group">
                    <label>Phone Number<span class="text-danger">*</span></label>
                    <div class="input-group input-group-sm">
                        <div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-phone" aria-hidden="true"></i></span></div>
                         <input type="text"  value='@isset($setting[0]["phoneno"]){{ $setting[0]["phoneno"] }} @endisset' name="phoneno" class="form-control" placeholder="Enter Phone number" aria-describedby="basic-addon2"/>
                        </div>
                     </div>

            <div class="form-group">        
                    <label for="exampleTextarea">Description<span class="text-danger">*</span></label>
                    <textarea class="form-control" value='' name="description" id="description" rows="2">@isset($setting[0]["description"]){{ $setting[0]["description"] }} @endisset</textarea>
            </div>

            <div class="card-footer">
                <button type="submit" class="btn btn-primary mr-2">Submit</button>
                <button type="reset" class="btn btn-secondary">Cancel</button>
            </div>
            
       </div>         
    </div>
    
  
      <div class="col-lg-6">

      <div class="form-group row pl-10">

                                <div class="image-input image-input-outline" id="kt_image_1"> 
                               
                                    @if(@isset ($setting[0]['logo']) && $setting[0]['logo'] !="")   
                                                                                                       
                                    <div class="image-input-wrapper" style="background-image: url({{ asset('/media/logos/'.$setting[0]['logo']) }})"></div>
                                    @else
                                    <div class="image-input-wrapper" style="background-image: url({{ asset('/uploads/customers/blank.png') }})"></div>
                                    @endif
                                    <label class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow" data-action="change" data-toggle="tooltip" title="" data-original-title="Change avatar">
                                        <i class="fa fa-pen icon-sm text-muted"></i>
                                        <input type="file" name="logo" accept=".png, .jpg, .jpeg" />
                                        <input type="hidden" name="profile_avatar_remove" />
                                    </label>
                                    <span class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow" data-action="cancel" data-toggle="tooltip" title="Cancel avatar">
                                        <i class="ki ki-bold-close icon-xs text-muted"></i>
                                    </span>
                                </div>
                        </div>
     <!-- <div class="form-group row pl-10">
     <div class="form-group">
    <label>Logo</label>
    <div class="custom-file">
     <input type="file" name="logo" class="custom-file-input" accept="image/png, image/jpg, image/jpeg" id="logo"/>
     <label class="custom-file-label" for="customFile">Choose file</label>
    </div> -->
   </div>
   
   
 
    
    
  </div>


  
 </form>
 <!--end::Form-->
</div>
        <!--end::Card-->


        @endsection

        {{-- Styles Section --}}
        @section('styles')

        @endsection

        {{-- Scripts Section --}}
        @section('scripts')

        <script src="{{ asset('/js/setting/setting.js') }}" type="text/javascript"></script>
        
        @endsection