@extends('layout.main')

@section('content')
<div class="container grid px-6 mx-auto">
<h4 class="mb-4 mt-4 text-lg font-semibold text-gray-600 dark:text-gray-300">
    General Settings
  </h4>
<div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800">
<form action="{{route('generalsettings.store')}}" method="POST" enctype="multipart/form-data">
    @csrf
    <div class="mt-2 grid gap-2 mb-3 md:grid-cols-2">
        <label class="block mb-4 text-sm">
          <span class="text-gray-700 dark:text-gray-400">* Company Name</span>
          <input class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 
          @error('company_name')border-red-600 focus:border-red-400 focus:outline-none focus:shadow-outline-red @enderror
          focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" 
          name="company_name"
          value="{{old("company_name",$general_settings->company_title)}}"
          placeholder="Company Name">
          @error('company_name')
          <p class="text-red-700 text-xs mt-1">{{$message}}</p>          
          @enderror
        </label>
        <label class="block mb-4 text-sm">
            <span class="text-gray-700 dark:text-gray-400">* TIN Number</span>
            <input class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 
            @error('tin')border-red-600 focus:border-red-400 focus:outline-none focus:shadow-outline-red @enderror
            focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" 
            name="tin"
            value="{{old('tin',$general_settings->tin_number)}}"
            placeholder="Tin Number">
            @error('tin')
            <p class="text-red-700 text-xs mt-1">{{$message}}</p>          
            @enderror
        </label>
          <label class="block mt-4 text-sm">
            <span class="text-gray-700 dark:text-gray-400">* Email</span>
            <input class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 
            @error('email')border-red-600 focus:border-red-400 focus:outline-none focus:shadow-outline-red @enderror
            focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" 
            name="email"
            value="{{old('email',$general_settings->email)}}"
            type="email"
            placeholder="Email">
            @error('email')
            <p class="text-red-700 text-xs mt-1">{{$message}}</p>          
            @enderror
          </label>
          <label class="block mt-4 text-sm">
            <span class="text-gray-700 dark:text-gray-400">* Phone</span>
            <input class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 
            @error('phone')border-red-600 focus:border-red-400 focus:outline-none focus:shadow-outline-red @enderror
            focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" 
            name="phone"
            value="{{old('phone',$general_settings->phone)}}"
            type="text"
            placeholder="Phone">
            @error('phone')
            <p class="text-red-700 text-xs mt-1">{{$message}}</p>          
            @enderror
          </label>
          <label class="block mt-4 text-sm">
            <span class="text-gray-700 dark:text-gray-400">* Website</span>
            <input class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 
            @error('website')border-red-600 focus:border-red-400 focus:outline-none focus:shadow-outline-red @enderror
            focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" 
            name="website"
            value="{{old('website',$general_settings->website)}}"
            type="text"
            placeholder="Website">
            @error('website')
            <p class="text-red-700 text-xs mt-1">{{$message}}</p>          
            @enderror
          </label>
          <label class="block mt-4 text-sm">
            <span class="text-gray-700 dark:text-gray-400">* Municipality</span>
            <input class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 
            @error('municipality')border-red-600 focus:border-red-400 focus:outline-none focus:shadow-outline-red @enderror
            focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" 
            name="municipality"
            value="{{old('municipality',$general_settings->municipality)}}"
            type="text"
            placeholder="Municipality">
            @error('municipality')
            <p class="text-red-700 text-xs mt-1">{{$message}}</p>          
            @enderror
          </label>
          <label class="block mt-4 text-sm">
            <span class="text-gray-700 dark:text-gray-400">* Application Name</span>
            <input class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 
            @error('application_name')border-red-600 focus:border-red-400 focus:outline-none focus:shadow-outline-red @enderror
            focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" 
            name="application_name"
            value="{{old('application_name',$general_settings->application_name)}}"
            type="text"
            placeholder="Application Name">
            @error('application_name')
            <p class="text-red-700 text-xs mt-1">{{$message}}</p>          
            @enderror
          </label>
          <label class="block mt-4 text-sm">
            <span class="text-gray-700 dark:text-gray-400">* Address</span>
            <input class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 
            @error('address')border-red-600 focus:border-red-400 focus:outline-none focus:shadow-outline-red @enderror
            focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" 
            name="address"
            value="{{old('address',$general_settings->address)}}"
            type="text"
            placeholder="Address">
            @error('address')
            <p class="text-red-700 text-xs mt-1">{{$message}}</p>          
            @enderror
          </label>
          <label class="block mt-4 text-sm">
            <span class="text-gray-700 dark:text-gray-400">* Number Of Decimal Places</span>
            <input class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 
            @error('decmical_places')border-red-600 focus:border-red-400 focus:outline-none focus:shadow-outline-red @enderror
            focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" 
            name="decmical_places"
            value="{{old('decmical_places',$general_settings->decmical_places)}}"
            type="text"
            placeholder="Number Of Decimal Places ">
            @error('decmical_places')
            <p class="text-red-700 text-xs mt-1">{{$message}}</p>          
            @enderror
          </label>
          <label class="block mt-4 text-sm">
            <span class="text-gray-700 dark:text-gray-400">* Currency Code </span>
            <input class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 
            @error('currency_code')border-red-600 focus:border-red-400 focus:outline-none focus:shadow-outline-red @enderror
            focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" 
            name="currency_code"
            value="{{old('currency_code',$general_settings->currency_code)}}"
            type="text"
            placeholder="Currency code TSHS,UGX,FBU">
            @error('currency_code')
            <p class="text-red-700 text-xs mt-1">{{$message}}</p>          
            @enderror
          </label>
           <label class="block mt-4 text-sm">
            <div class="mt-4 ">
              <span class="text-gray-700 dark:text-gray-400">
                 Logo
                </span>
                <div class="mb-3 w-96">    
               
              </div>
              <div class="mb-3 w-96">  
                <img id="image_3" class="object-cover w-36 h-36 rounded-full" 
                  @if ($general_settings->logo)
                  src="{{Storage::url($general_settings->logo)}}"
                  @else
                  src= "{{asset('img/default.jpg')}}"
                  @endif alt="" aria-hidden="true">           
                <input 
                  name="logo"
                  accept="image/*"
                  onchange="document.getElementById('image_3').src = window.URL.createObjectURL(this.files[0])"
                class="form-control hidden
                block
                w-full
                px-2
                py-1
                text-sm
                font-normal
                text-gray-700
                bg-white bg-clip-padding
                border border-solid border-gray-300
                rounded
                transition
                ease-in-out
                m-0
                focus:text-gray-700 focus:bg-white focus:border-blue-600 focus:outline-none" id="formFileSm" type="file">
              </div>
              @error('logo')
              <p class="text-red-700 text-xs mt-1">{{$message}}</p>                        
              @enderror
  
            </div>
          </label>
          <label class="block mt-4 text-sm">
            <div class="mt-4 ">
              <span class="text-gray-700 dark:text-gray-400">
                 Logo Wide 
                </span>
              <div class="mb-3 w-96">
                <img id="image_4" class="object-cover w-36 h-36 rounded-full" 
                  @if ($general_settings->logo_wide)
                  src="{{Storage::url($general_settings->logo_wide)}}"
                  @else
                  src= "{{asset('img/default.jpg')}}"
                  @endif alt="" aria-hidden="true">             
                <input 
                name="logo_wide"
                onchange="document.getElementById('image_4').src = window.URL.createObjectURL(this.files[0])"
                class="form-control hidden
                block
                w-full
                px-2
                py-1
                text-sm
                font-normal
                text-gray-700
                bg-white bg-clip-padding
                border border-solid border-gray-300
                rounded
                transition
                ease-in-out
                m-0
                focus:text-gray-700 focus:bg-white focus:border-blue-600 focus:outline-none" id="formFileSm" type="file">
              </div>
              @error('logo_wide')
              <p class="text-red-700 text-xs mt-1">{{$message}}</p>                        
              @enderror
  
            </div>
          </label>
          <label class="block mt-4 text-sm">
            <div class="mt-4 ">
              <span class="text-gray-700 dark:text-gray-400">
                 Login Background Image
                </span>
              <div class="mb-3 w-96">   
                <img id="image_5" class="object-cover w-36 h-36 rounded-full" 
                  @if ($general_settings->login_background)
                  src="{{Storage::url($general_settings->login_background)}}"
                  @else
                  src= "{{asset('img/default.jpg')}}"
                  @endif alt="" aria-hidden="true">           
                <input 
                  name="login_background"
                  onchange="document.getElementById('image_5').src = window.URL.createObjectURL(this.files[0])"
                class="form-control hidden
                block
                w-full
                px-2
                py-1
                text-sm
                font-normal
                text-gray-700
                bg-white bg-clip-padding
                border border-solid border-gray-300
                rounded
                transition
                ease-in-out
                m-0
                focus:text-gray-700 focus:bg-white focus:border-blue-600 focus:outline-none" id="formFileSm" type="file">
              </div>
              @error('login_background')
              <p class="text-red-700 text-xs mt-1">{{$message}}</p>                        
              @enderror
  
            </div>
          </label>
          <label class="block mt-4 text-sm">
            <div class="mt-4 ">
              <span class="text-gray-700 dark:text-gray-400">
                 PDF Header Logo
                </span>
              <div class="mb-3 w-96">  
                <img id="image_6" class="object-cover w-36 h-36 rounded-full" 
                @if ($general_settings->pdf_header_logo)
                src="{{Storage::url($general_settings->pdf_header_logo)}}"
                @else
                src= "{{asset('img/default.jpg')}}"
                @endif alt="" aria-hidden="true">
                <input 
                  name="pdf_logo"
                  onchange="document.getElementById('image_6').src = window.URL.createObjectURL(this.files[0])"
                class="form-control hidden
                block
                w-full
                px-2
                py-1
                text-sm
                font-normal
                text-gray-700
                bg-white bg-clip-padding
                border border-solid border-gray-300
                rounded
                transition
                ease-in-out
                m-0
                focus:text-gray-700 focus:bg-white focus:border-blue-600 focus:outline-none" id="formFileSm" type="file">
              </div>
              @error('login_background')
              <p class="text-red-700 text-xs mt-1">{{$message}}</p>                        
              @enderror
  
            </div>
          </label>
        
    </div>   

    <div class="flex justify-end mt-6">
      <button class="px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple" type="submit">{{__('Submit Settings')}}</button>
    </div>
</form>
  </div>
</div>


@endsection