@extends('layout.masterContainer')
@section('title', 'Welcome to Master Page')
@section('content')
<div class="innerCms">
    <div class="viewMaster" style="padding:0;">
    <h6 style="text-align: center;padding-top: 10px;margin-bottom: 0;">Master : {{$mastername}} <a href="{{$mdc}}" target="_BLANK"><i class="fa fa-link"></i></a></h6>
        <div class="list text-center" style="border-bottom: 1px solid red;margin-bottom: 15px;">
            <a href="/viewmaster/{{ $masterid }}/edit/info"><i class="fa fa-pencil"></i> Edit Master info</a>
            <a href="/viewmaster/{{ $masterid }}/edit/mastercss"><i class="fa fa-code"></i> Edit Master Css</a>
            <a href="/viewmaster/{{ $masterid }}/edit/details"><i class="fa fa-pencil"></i> Edit Master Details</a>
            <a href="#addnew"><i class="fa fa-plus"></i> Add New Page</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>
        <div class="viewMaster">             
            @if (count($pagelist) != null)
                @foreach ($pagelist as $item) 
                    <div class="" style="border-bottom: 1px solid #eee;margin-bottom: 20px;">
                        <div class="row list">
                            <div class="col-sm-4" style="background-color: #e6b1b1;padding-top: 5px;">
                                <h6 style="margin-bottom: 5px;"> {{ $item->name }} <a href="{{ $item->psdurl }}" target="_BLANK"><i class="fa fa-file"></i></a> <a href="{{ $item->pageurl }}" target="_BLANK"><i class="fa fa-link"></i></a></h6>
                            </div>
                            <div class="col-sm-8 text-right">
                                <a href="/lp/{{$item->id}}/edit/info" ><i class="fa fa-cog"></i> Edit Info</a>
                                {{-- <a href="/lp/{{$item->id}}/view" target="_blank"><i class="fa fa-code"></i> Page Css</a>
                                <a href=""><i class="fa fa-link"></i> Page url</a> --}}
                            </div>
                        </div>
                        <div class="row list" style="border: 0;">
                            <div class="col-sm-12">
                                <div class="" style="padding-top: 10px;padding-bottom: 10px;">
                                    <x-code-action-link pageid="{{$item->id}}" />
                                        @if (getMasterInfo($masterid,'csstype') == 'ex')
                                        <a href="/lp/{{$item->id}}/edit/info#extracss" title="add extra css" style="color: red;"><i class="fa fa-code"></i> Add Extra CSS</a>    
                                        @endif
                                </div>
                                <div>
                                    <span>CMS Help 70%</span><br>
                                    <progress value="70" max="100"> 70% </progress>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach    
        </div>  
        @else
            <p>No page found! Please create new page</p>
        @endif
    </div>
<div class="text-center" style="padding-bottom: 10px;" id="addnew"><h6>Create New Page</h6></div>
    <form method="POST" action="/createlp" style="">
        <div class="row" style="margin-bottom: 20px;padding-bottom: 20px;">
            <div class="col-sm-4"></div>
            <div class="col-sm-4 text-center">
                @csrf
                <input type="hidden" name="type" value="createlpage">
                <input type="hidden" name="masterid" value="{{ $masterid }}">
                <input type="input" name="name" placeholder="Enter Landing Page Name" style="width: 100%;padding:10px;" required/>
                <br><br>
                <input type="input" name="psdurl" placeholder="Enter psd url "style="width: 100%;padding:10px;" required/>
                <br><br>                
                <input type="input" name="pageurl" placeholder="Enter page url /none" value="no page url" style="width: 100%;padding:10px;" required/>
                <br><br>
                <button name="save" style="display: inline-block;padding: 10px 29px;margin: 10px;text-align: center;border: 1px solid #000;border-radius: 10px;">Create New Page</button>
            </div>
            <div class="col-sm-4"></div>
        </div>
    </form>
</div>
@endsection