@extends('layouts.frontend')
@section('js_after')

@endsection
@section('content')
    <div class="banner">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">

                </div>
            </div>
        </div>
    </div>
<style>
    nostyleshow {
        display: none;
    }

    main header{
        display: none;
    }
    table {
        width: 100%;
        border-spacing: 0;
        margin-bottom: 30px;
    }

    table th,
    table td {
        text-align: center;
        border: 1px solid #b8b8b8;
        padding: 5px 20px;
        font-weight: normal;
        color: #000;
    }

    table {
        margin: 0;
    }

    table th {
        font-weight: bold;
        background: #a9f3ff;
    }

    .table-bordered th, .table-bordered td{
        padding: 10px;
        font-size: 18px;
    }

    h1 {
        font-size: 20px !important;
        color: #131f55 !important;
        margin-bottom: 0 !important;
        margin-top: 15px !important;
        width: 100%;
    }
    .page-break {
        page-break-after: always;
    }


    @page {
        margin-top: 160px
    }

    footer p{
        display: none;
    }

    p{
        text-align: left;
    }

    .watermark{
        font-size: 60px;
        color: rgba(0,0,0,0.10);
        position: absolute;
        top: 42%;
        left: 26%;
        z-index: 1;
        transform: rotate(-25deg);
        font-weight: 700;
        display: none;
    }
</style>


    <section  class="main-sec">
        <div id="content" class="container">
            <div class="row">
                <div class="col-md-12 text-center">


                {!! $fileDetails !!}

                    <p></p><p></p>
                    <a href="{{route('frontend.download_saved_file_details',['id'=>$id])}}" target="_blank" id="cmd" class="btn btn-primary btn-round">Download</a>
                    <a href="javascript:void(0)" class="btn btn-primary btn-round" data-toggle="modal" data-target="#mergeSalesPresentersOutput">Save & Merge with Sales Presenters</a>
                </div>
            </div>
        </div>
        <div class="btm-shape-prt">
            <img class="img-fluid" src="{{url('/')}}/f/images/shape2.png" alt="">
        </div>
    </section>

    <div class="modal fade" id="mergeSalesPresentersOutput" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">SALES PRESENTER SOFTCOPY SAVED LIST</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form target="_blank" action="{{route('frontend.merge_sp_download_save_file')}}" method="get">
                        <input type="hidden" name="save_file_id" value="{{$id}}">
                        <table>
                            <tbody>
                            <tr>
                                <th></th>
                                <th>Date</th>
                                <th>List Name</th>
                                <th>Valid Till</th>
                            </tr>
                            @if(isset($savelists) && count($savelists)>0)
                                @foreach($savelists as $svlist)
                                    <tr>
                                        <td>
                                            <input type="radio" name="saved_sp_list_id" value="{{$svlist['id']}}" required="">
                                        </td>
                                        <td>{{$svlist['created_at']->format('d/m/Y - h:i A')}}</td>
                                        <td>{{$svlist['title']}} ({{$svlist->softcopies->count()}} images)</td>
                                        <td>{{date('d/m/Y - h:i A',strtotime($svlist['validate_at']))}}</td>
                                    </tr>
                                @endforeach
                            @endif
                            </tbody>
                        </table>
                        <h5 class="modal-title">SUGGESTED PRESENTATION LIST</h5>
                        <table>
                            <tbody>
                            <tr>
                                <th></th>
                                <th style="text-align: left">List Name</th>
                            </tr>
                            @if(isset($suggestedlists) && count($suggestedlists)>0)
                                @foreach($suggestedlists as $sglist)
                                    <tr>
                                        <td>
                                            <input type="radio" name="saved_sp_list_id" value="{{$sglist['id']}}" required="">
                                        </td>
                                        <td style="text-align: left" >{{$sglist['title']}} ({{$sglist->softcopies->count()}} images)</td>
                                    </tr>
                                @endforeach
                            @endif
                            </tbody>
                        </table>
                        <h5 class="modal-title">WHERE YOU WANT TO MERGE?</h5>
                        <table>
                            <tbody>
                            <tr>
                                <td style="text-align: left">
                                    <div class="form-check-inline">
                                        <label class="form-check-label">
                                            <input type="radio" class="form-check-input" value="before" name="mergeposition">Before
                                        </label>
                                    </div>
                                    <div class="form-check-inline">
                                        <label class="form-check-label">
                                            <input type="radio" class="form-check-input" value="after" name="mergeposition" checked>After
                                        </label>
                                    </div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                        <p></p>
                        <button type="button" class="btn btn-secondary btn-round" data-dismiss="modal">Back</button>
                        <button type="submit" class="btn btn-primary btn-round" >Merge & Download</button>
                    </form>
                </div>
                <div class="modal-footer">

                </div>
            </div>
        </div>
    </div>
@endsection