@extends('layout.masterContainer')
@section('title', 'Welcome to Master Page')
@section('content')
@php
    //var_dump($mastercss);
   // echo $mastercss['maxwidth']['inner'];
@endphp
<div class="text-center">
    <h1>Row Col Settings</h1>
    <table class="table">
        <thead>
          <tr>
            <th>Style</th>
            <th>value</th>
          </tr>
        </thead>
        <tbody>
          <form method="post" action="/mastercssupdate">
          @csrf
          <input type="hidden" name="masterid" value="{{$id}}"/>
          <input type="hidden" name="type" value="colStyle"/>
          <tr>
            <td>Row Css</td>
            <td><input class="form-control" type="input" name="styrow" placeholder="css or none" value="{{ $mastercss['colStyle']['rowcss'] }}" required/></td>
          </tr>
          <tr>
            <td>Column Css</td>
            <td><input class="form-control" type="input" name="colcss" placeholder="css or none" value="{{ $mastercss['colStyle']['colcss'] }}" required/></td>
          </tr>
          <tr>
            <td>Heading Type</td>
            <td><input class="form-control" type="input" name="h" placeholder="css or none" value="{{ $mastercss['colStyle']['h'] }}" required/></td>
          </tr>
          <tr>
            <td>Heading Css</td>
            <td><input class="form-control" type="input" name="hcss" placeholder="css or none" value="{{ $mastercss['colStyle']['hcss'] }}" required/></td>
          </tr>
          <tr style="border-bottom:1px solid #eeeeee;">
              <td>p Css</td>
              <td><input class="form-control" type="input" name="pcss" placeholder="css or none" value="{{ $mastercss['colStyle']['pcss'] }}" required/></td>
          </tr>
          <tr style="border-bottom:1px solid #eeeeee;">
            <td colspan="2"><button type="submit" name="save" style="display: inline-block;padding:5px 15px;margin: 10px;text-align: center;cursor:pointer;">Update Row Col</button></td>
         </tr>
        </form>
        </tbody>
      </table>


      <h1>Large Image Settings</h1>

      <table class="table">
        <thead>
          <tr>
            <th>Style</th>
            <th>value</th>
          </tr>
        </thead>
        <tbody>
          <form method="post" action="/mastercssupdate">
            @csrf
            <input type="hidden" name="masterid" value="{{$id}}"/>
            <input type="hidden" name="type" value="lgImg"/>
        <tr>
            <td>Image Row Css</td>
            <td><input class="form-control" type="input" name="lgImg" placeholder="css or none" value="{{$mastercss['lgImg']}}" required/></td>
          </tr>
          <tr style="border-bottom:1px solid #eeeeee;">
            <td colspan="2"><button type="submit" name="save" style="display: inline-block;padding:5px 15px;margin: 10px;text-align: center;cursor:pointer;">Update Large Image</button></td>
        </tr>
        </form>
        </tbody>
      </table>

      <h1>MaxWidth</h1>

      <table class="table">
        <thead>
          <tr>
            <th>Style</th>
            <th>value</th>
          </tr>
        </thead>
        <tbody>
          <form method="post" action="/mastercssupdate">
            @csrf
            <input type="hidden" name="masterid" value="{{$id}}"/>
            <input type="hidden" name="type" value="maxwidth"/>
          <tr>
            <td>Inner</td>
            <td><input class="form-control" type="input" name="inner" placeholder="css or none" value="{{$mastercss['maxwidth']['inner']}}" required/></td>
          </tr>
          <tr>
            <td>Inner 2</td>
            <td><input class="form-control" type="input" name="inner2" placeholder="css or none" value="{{$mastercss['maxwidth']['inner2']}}" required/></td>
          </tr>
          <tr>
            <td>Inner 3</td>
            <td><input class="form-control" type="input" name="inner3" placeholder="css or none" value="{{$mastercss['maxwidth']['inner3']}}" required/></td>
          </tr>
          <tr style="border-bottom:1px solid #eeeeee;">
            <td colspan="2"><button type="submit" name="save" style="display: inline-block;padding:5px 15px;margin: 10px;text-align: center;cursor:pointer;">Update Max Width</button></td>
        </tr>
        </form>
        </tbody>
      </table>

      <h1>Seo and Desc</h1>

      <table class="table">
        <thead>
          <tr>
            <th>Style</th>
            <th>value</th>
          </tr>
        </thead>
        <tbody>
          <form method="post" action="/mastercssupdate">
            @csrf
            <input type="hidden" name="masterid" value="{{$id}}"/>
            <input type="hidden" name="type" value="seodesc"/>
        <tr>
            <td>Seo Css</td>
            <td><input class="form-control" type="input" name="seodiv" placeholder="css or none" value="{{$mastercss['seodiv']}}" required/></td>
          </tr>
          <tr>
            <td>Desc Css</td>
            <td><input class="form-control" type="input" name="descdiv" placeholder="css or none" value="{{$mastercss['descdiv']}}" required/></td>
          </tr>
          <tr style="border-bottom:1px solid #eeeeee;">
            <td colspan="2"><button type="submit" name="save" style="display: inline-block;padding:5px 15px;margin: 10px;text-align: center;cursor:pointer;">Update Large Image</button></td>
        </tr>
        </form>
        </tbody>
      </table>


      <h1>Get and View Buttons</h1>

      <table class="table">
        <thead>
          <tr>
            <th>Style</th>
            <th>value</th>
          </tr>
        </thead>
        <tbody>
          <form method="post" action="/mastercssupdate">
            @csrf
            <input type="hidden" name="masterid" value="{{$id}}"/>
            <input type="hidden" name="type" value="btns"/>
        <tr>
            <td>Button DIv</td>
            <td><input class="form-control" type="input" name="div" placeholder="css or none" value="{{$mastercss['btns']['div']}}" required/></td>
          </tr>
          <tr>
            <td>Button link</td>
            <td><input class="form-control" type="input" name="link" placeholder="css or none" value="{{$mastercss['btns']['link']}}" required/></td>
          </tr>
          <tr>
            <td>Button Image</td>
            <td><input class="form-control" type="input" name="img" placeholder="css or none" value="{{$mastercss['btns']['img']}}" required/></td>
          </tr>
          <tr style="border-bottom:1px solid #eeeeee;">
            <td colspan="2"><button type="submit" name="save" style="display: inline-block;padding:5px 15px;margin: 10px;text-align: center;cursor:pointer;">Update Large Image</button></td>
        </tr>
        </form>
        </tbody>
      </table>


      <h1>4 Buttons</h1>

      <table class="table">
        <thead>
          <tr>
            <th>Style</th>
            <th>value</th>
          </tr>
        </thead>
        <tbody>
          <form method="post" action="/mastercssupdate">
            @csrf
            <input type="hidden" name="masterid" value="{{$id}}"/>
            <input type="hidden" name="type" value="4btns"/>
        <tr>
            <td>Button Row</td>
            <td><input class="form-control" type="input" name="row" placeholder="css or none" value="{{$mastercss['4btns']['row']}}" required/></td>
          </tr>
          <tr>
            <td>Button Col</td>
            <td><input class="form-control" type="input" name="col" placeholder="css or none" value="{{$mastercss['4btns']['col']}}" required/></td>
          </tr>
          <tr>
            <td>Button Link</td>
            <td><input class="form-control" type="input" name="link" placeholder="css or none" value="{{$mastercss['4btns']['link']}}" required/></td>
          </tr>
          <tr>
            <td>Button Image</td>
            <td><input class="form-control" type="input" name="img" placeholder="css or none" value="{{$mastercss['4btns']['img']}}" required/></td>
          </tr>
          <tr style="border-bottom:1px solid #eeeeee;">
            <td colspan="2"><button type="submit" name="save" style="display: inline-block;padding:5px 15px;margin: 10px;text-align: center;cursor:pointer;">Update 4 Buttons</button></td>
        </tr>
        </form>
        </tbody>
      </table>


</div>

@endsection