@extends('layout.masterContainer')
@section('title', 'Welcome to Master Page')
@section('content')
@php
    //var_dump($mastercss);
   // echo $mastercss['maxwidth']['inner'];
@endphp
<div class="viewMaster" style="padding:0;">
  <h4 style="text-align: center;padding-top: 10px;margin-bottom: 0;">{{$mastername}}</h4>
  <h6 style="text-align: center;padding-top: 10px;margin-bottom: 0;">Master CSS Update</h6>
  <div class="list text-center" style="border-bottom: 1px solid red;">
      <a href="/viewmaster/{{ $id }}/edit/info"><i class="fa fa-pencil"></i> Edit Master info</a>
      <a href="/master/{{$id}}"><i class="fa fa-arrow-left"></i> Go to Master</a>
      {{-- <a href="/viewmaster/{{ $id }}/edit/mastercss"><i class="fa fa-code"></i> Edit Master Css</a> --}}
      <a href="/viewmaster/{{ $id }}/edit/details"><i class="fa fa-pencil"></i> Edit Master Details</a>
      {{-- <a href="/master/{{ $masterid }}/settings"><i class="fa fa-pencil"></i> Edit Master info</a>
      <a href="/master/{{ $masterid }}/settings"><i class="fa fa-pencil"></i> Edit Master info</a> --}}
  </div>
  <div class="list text-center" style="border-bottom: 1px solid red;margin-bottom: 15px;">
      <a href="#rowcol"><i class="fa fa-caret-down"></i> Row Col</a>
      <a href="#lgimg"><i class="fa fa-caret-down"></i> Large image</a>
      <a href="#maxwidth"><i class="fa fa-caret-down"></i> Maxwidth</a>
      <a href="#seodesc"><i class="fa fa-caret-down"></i> Seo & Desc</a>
      <a href="#getview"><i class="fa fa-caret-down"></i> Get and View</a>
      <a href="#4btns"><i class="fa fa-caret-down"></i>  4 Buttons</a>

  </div>
</div>
<div class="text-center">
    <h1 id="rowcol">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>Upper Default?</td>
            <td><input class="form-control" type="input" name="upper" placeholder="yes/no" value="{{ $mastercss['colStyle']['upper'] }}" 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>image Css</td>
            <td><input class="form-control" type="input" name="img" placeholder="css or none" value="{{ $mastercss['colStyle']['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 Row Col</button></td>
         </tr>
        </form>
        </tbody>
      </table>


      <h1 id="lgimg">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 div Css</td>
            <td><input class="form-control" type="input" name="div" placeholder="css or n" value="{{$mastercss['lgImg']['div']}}" required/></td>
          </tr>
          <tr>
            <td>Image width Css</td>
            <td><input class="form-control" type="input" name="img" placeholder="css or n" value="{{$mastercss['lgImg']['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 id="maxwidth">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 id="seodesc">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 Div Css</td>
            <td><input class="form-control" type="input" name="seodiv" placeholder="css or none" value="{{$mastercss['seodiv']['div']}}" required/></td>
          </tr>
          <tr>
            <td>Seo font size</td>
            <td><input class="form-control" type="input" name="seofont" placeholder="css or none" value="{{$mastercss['seodiv']['font']}}" required/></td>
          </tr>
          <tr>
            <td>Desc div Css</td>
            <td><input class="form-control" type="input" name="descdiv" placeholder="css or none" value="{{$mastercss['descdiv']['div']}}" required/></td>
          </tr>
          <tr>
            <td>Desc font size</td>
            <td><input class="form-control" type="input" name="descfont" placeholder="css or none" value="{{$mastercss['descdiv']['font']}}" 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 Seo and Desc </button></td>
        </tr>
        </form>
        </tbody>
      </table>


      <h1 id="getview">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 Get and View Buttons</button></td>
        </tr>
        </form>
        </tbody>
      </table>


      <h1 id="4btns">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