@extends('layout.masterContainer')
@section('title', 'Welcome to Master Page')
@section('content')
@php
    //var_dump($mastercss);
   // echo $mastercss['maxwidth']['inner'];
@endphp
<div class="text-center">
    <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 Info Update</h6>
        <div class="list text-center" style="border-bottom: 1px solid red;">
            <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="#4btns"><i class="fa fa-caret-down"></i> 4 buttons info</a>
            <a href="#getaquote"><i class="fa fa-caret-down"></i> Get a quote</a>
            <a href="#cmslink"><i class="fa fa-caret-down"></i> CMS link</a>
            <a href="#csstype"><i class="fa fa-code"></i> csstype</a>
            
            {{-- <a href="#4btns"><i class="fa fa-caret-down"></i> View</a>
            <a href="#4btns"><i class="fa fa-caret-down"></i> View</a> --}}
        </div>
    </div>
    <h1  id="4btns">4 buttons info</h1>
    <table class="table">
        <thead>
          <tr>
            <th>name</th>
            <th>value</th>
          </tr>
        </thead>
        <tbody>
          <form method="post" action="/masterinfoupdate">
          @csrf
          <input type="hidden" name="masterid" value="{{$id}}"/>
          <input type="hidden" name="type" value="btns"/>

          <tr>
            <td style="color: red;font-weight:bold;">Btn1 Title</td>
            <td><input class="form-control" type="input" name="btn1title" placeholder="css or none" value="{{ $masterinfo['4btns']['btn1']['title'] }}" required/></td>
          </tr>
          <tr>
            <td style="color: green;font-weight:bold;">Btn1 image</td>
            <td><input class="form-control" type="input" name="btn1img" placeholder="css or none" value="{{ $masterinfo['4btns']['btn1']['img'] }}" required/></td>
          </tr>
          <tr>
            <td style="color: #000;font-weight:bold;">Btn1 link</td>
            <td><input class="form-control" type="input" name="btn1link" placeholder="css or none" value="{{ $masterinfo['4btns']['btn1']['link'] }}" required/></td>
          </tr>

          <tr>
            <td style="color: red;font-weight:bold;">Btn2 Title</td>
            <td><input class="form-control" type="input" name="btn2title" placeholder="css or none" value="{{ $masterinfo['4btns']['btn2']['title'] }}" required/></td>
          </tr>
          <tr>
            <td style="color: green;font-weight:bold;">Btn2 image</td>
            <td><input class="form-control" type="input" name="btn2img" placeholder="css or none" value="{{ $masterinfo['4btns']['btn2']['img'] }}" required/></td>
          </tr>
          <tr>
            <td style="color: #000;font-weight:bold;">Btn2 link</td>
            <td><input class="form-control" type="input" name="btn2link" placeholder="css or none" value="{{ $masterinfo['4btns']['btn2']['link'] }}" required/></td>
          </tr>

          <tr>
            <td style="color: red;font-weight:bold;">Btn3 Title</td>
            <td><input class="form-control" type="input" name="btn3title" placeholder="css or none" value="{{ $masterinfo['4btns']['btn3']['title'] }}" required/></td>
          </tr>
          <tr>
            <td style="color: green;font-weight:bold;">Btn3 image</td>
            <td><input class="form-control" type="input" name="btn3img" placeholder="css or none" value="{{ $masterinfo['4btns']['btn3']['img'] }}" required/></td>
          </tr>
          <tr>
            <td style="color: #000;font-weight:bold;">Btn3 link</td>
            <td><input class="form-control" type="input" name="btn3link" placeholder="css or none" value="{{ $masterinfo['4btns']['btn3']['link'] }}" required/></td>
          </tr>

          <tr>
            <td style="color: red;font-weight:bold;">Btn4 Title</td>
            <td><input class="form-control" type="input" name="btn4title" placeholder="css or none" value="{{ $masterinfo['4btns']['btn4']['title'] }}" required/></td>
          </tr>
          <tr>
            <td style="color: green;font-weight:bold;">Btn4 image</td>
            <td><input class="form-control" type="input" name="btn4img" placeholder="css or none" value="{{ $masterinfo['4btns']['btn4']['img'] }}" required/></td>
          </tr>
          <tr>
            <td style="color: #000;font-weight:bold;">Btn4 link</td>
            <td><input class="form-control" type="input" name="btn4link" placeholder="css or none" value="{{ $masterinfo['4btns']['btn4']['link'] }}" 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 Buttons</button></td>
         </tr>
        </form>
        </tbody>
      </table>


      <h1 id="getaquote">get a quote link</h1>

      <table class="table" >
        <thead>
          <tr>
            <th>Style</th>
            <th>value</th>
          </tr>
        </thead>
        <tbody>
          <form method="post" action="/masterinfoupdate">
            @csrf
            <input type="hidden" name="masterid" value="{{$id}}"/>
            <input type="hidden" name="type" value="getaquote"/>
        <tr>
            <td>get a quote link</td>
            <td><input class="form-control" type="input" name="getaquotelink" placeholder="css or none" value="{{$masterinfo['getaquote']}}" 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 link</button></td>
        </tr>
        </form>
        </tbody>
      </table>


      <h1 id="cmslink">Cms url </h1>

      <table class="table" >
        <thead>
          <tr>
            <th>Style</th>
            <th>value</th>
          </tr>
        </thead>
        <tbody>
          <form method="post" action="/masterinfoupdate">
            @csrf
            <input type="hidden" name="masterid" value="{{$id}}"/>
            <input type="hidden" name="type" value="cmsurl"/>
        <tr>
            <td>CMS Url link</td>
            <td><input class="form-control" type="input" name="cmsurllink" placeholder="css or none" value="{{$masterinfo['cmsurl']}}" 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 CMS Link</button></td>
        </tr>
        </form>
        </tbody>
      </table>


      <h1 id="csstype">CSS Type </h1>

      <table class="table" >
        <thead>
          <tr>
            <th>Style</th>
            <th>value</th>
          </tr>
        </thead>
        <tbody>
          <form method="post" action="/masterinfoupdate">
            @csrf
            <input type="hidden" name="masterid" value="{{$id}}"/>
            <input type="hidden" name="type" value="csstype"/>
        <tr>
            <td>Update CMS type</td>
            <td>  <select id="cmctype" name="name" style="width: 100%;padding:10px;" required>
              <option value="">Select CMS type</option>
              <option value="in" @if($masterinfo['csstype'] == 'in') selected @endif>inline css</option>
              <option value="ex" @if ($masterinfo['csstype'] == 'ex') selected @endif>external css</option>
            </select></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 CMS css</button></td>
        </tr>
        </form>
        </tbody>
      </table>

</div>

@endsection