@extends('layouts.admin')
@section('title','Press Release')
@section('page_title','')

@section('page_level_css')
<link href="{{asset('assets/vendors/custom/datatables/datatables.bundle.css')}}" rel="stylesheet" type="text/css" />
@endsection

@section('content')
<div class="kt-content kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor pt-2" id="kt_content">

    <!-- begin:: Content -->
    <div class="kt-container kt-container--fluid kt-grid__item kt-grid__item--fluid">

        <!-- begin:: Page -->
        <div class="kt-grid kt-grid--ver kt-grid--root ">
            <div class="top_main_title">
                <div class="labpair-title">
                    <p>
                        <span class="title">PRESS RELEASE MANAGER</span>
                    </p>
                </div>
            </div>
        </div>
        <!-- end:: Page -->

        <div class="inner-main-section mt-3 pt-3">

            <div class="row">
                <div class="col-12">
                    <div class="example-preview">
                        <ul class="nav nav-pills mb-0 pl-md-5" id="myTab1" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active">
                                    <span class="nav-text">Press Release Manager</span>
                                </a>
                            </li>
                        </ul>
                        <div class="tab-content" id="myTabContent1">
                            <div class="tab-pane fade show active" id="home-1" role="tabpanel" aria-labelledby="home-tab-1">
                                <div class="info-section">
                                    <p>
                                        <strong>EXPLANATION:</strong>
                                        Use this component to manage and update all PRESS RELEASE withing the company.
                                    </p>
                                </div>

                                <div class="some-custom-datatable mt-2">
                                    <div class="kt-portlet__body">
                                        <!--begin: Datatable -->
                                        <div class="row">
                                            @php
                                            $url = getAURL('press-release');
                                            if(isset($data->id)) {$url = getAURL('press-release/' . $data->id);}
                                            @endphp
                                            <div class="col-lg-7 custom-height-manage">
                                                <div class="bg-white w-100 h-100">
                                                    <div class="managment-form">
                                                        <div class="dark-title">
                                                            <h5>Press Release Manager</h5>
                                                        </div>
                                                        <form class="kt-form kt-form--label-right" id="addEditForm" method="POST" action="{{$url}}" enctype="multipart/form-data">
                                                            @csrf 
                                                            @if(isset($data->id))
                                                            {{ method_field('PUT') }}
                                                            @endif
                                                            <div class="form-group">
                                                                <div class="label col-lg-12">
                                                                    <span class="text-left term-policy-note">Note : All fields are mandatory</span>
                                                                </div>
                                                            </div>
                                                            <div class="form-group">
                                                                <div class="col-lg-12">
                                                                    <!--<label class="col-form-label col-lg-12 text-lg-left ">Image Placeholder</label>-->
                                                                    <!--<label class="col-form-label col-lg-12 text-lg-left"><span class="text-danger">* Mandatory</span>: Uploaded image.</label>-->
                                                                    <!--<label class="col-form-label col-lg-12 text-lg-left">Uploading image referencing "888". The image must be exactly 400 pixels width and 800 pixels height. The image should be either .PNG or .JPG format. Both will be output correctly to the we interface. </label>-->
                                                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                                                        <div class="dropzone dropzone-default dropzone-success" id="imageDropZone">
                                                                            <div class="dropzone-msg dz-message needsclick">
                                                                                <i class="flaticon-upload-1" style="font-size: 72px"></i>
                                                                                <header>Drag & Drop file here</header>
                                                                                <span>or</span><br>
                                                                                <a href="javascript:Void(0)" class="btn btn-outline-success mr-2">Browse File</a>
                                                                            </div>
                                                                            <!--<img id="img1Preview" src="" alt="pic" style="width: 100px; display: none;"/>-->
                                                                            <div class="dz-preview dz-processing dz-image-preview dz-success dz-complete" style="display: none;"> 
                                                                                <div class="dz-image">
                                                                                    <img data-dz-thumbnail="" alt="" src="">
                                                                                </div> 
                                                                            </div>
                                                                        </div>
                                                                        <input type="hidden" name="image" id="image" class="form-control"/>
                                                                    </div>
                                                                    <!--<button type="submit" class="btn btn-brand formSubmitButton website-button" >Save</button>-->
                                                                </div>
                                                            </div>
                                                            <div class="form-group">
                                                                <div class="label col-lg-2">
                                                                    <label>Release Date:</label>
                                                                </div>
                                                                <div class="input-group col-lg-4">
                                                                    <input type="text" class="form-control datePicker inputModule" name="release_date" id="release_date" autocomplete="off" value="{{(isset($data->release_date)) ? date('F d, Y', strtotime($data->release_date)): ''}}">
                                                                    <div class="input-group-append release_date">
                                                                        <span class="input-group-text">
                                                                            <i class="la la-calendar-check-o"></i>
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="form-group">
                                                                <div class="label col-lg-2">
                                                                    <label>City:</label>
                                                                </div>
                                                                <div class="input-group col-lg-4">
                                                                    <input type="text" class="form-control inputModule" name="city" id="city" value="{{$data->city->name ?? ''}}">
                                                                </div>
                                                                
                                                                <div class="label col-lg-1">
                                                                    <label>State:</label>
                                                                </div>
                                                                <div class="input-group col-lg-3">
                                                                    <select class="form-control inputModule" name="state_id" id="state_id">
                                                                        <option></option>
                                                                        @foreach($states AS $state)
                                                                        <option value="{{$state->id}}" {{(isset($data->state_id) && $data->state_id == $state->id) ? 'selected' : ''}}>{{$state->name}}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="form-group">
                                                                <div class="label col-lg-2">
                                                                    <label>Released By:</label>
                                                                </div>
                                                                <div class="input-group col-lg-8">
                                                                    <input type="text" class="form-control inputModule" name="release_by" id="release_by" value="{{$data->release_by ?? ''}}">
                                                                </div>
                                                            </div>
                                                            <div class="form-group">
                                                                <div class="label col-lg-12">
                                                                    <label class="text-left">Press Released Title:</label>
                                                                </div>
                                                                <div class="input-group col-lg-12">
                                                                    <input type="text" class="form-control inputModule" name="title" id="title" value="{{$data->title ?? ''}}">
                                                                </div>
                                                            </div>
                                                            <div class="form-group">
                                                                <div class="label col-lg-12">
                                                                    <label class="text-left">Below, enter the content associated with the press release, then click "Save/Update". You can return at anytime to modify and/or update the content. There are no limits to the length of your release. It can be as long or as short as needed.</label>
                                                                </div>
                                                                <div class="input-group col-lg-12">
                                                                    <textarea class="form-control inputModule" name="description" id="description">{{$data->description ?? ''}}</textarea>
                                                                </div>
                                                            </div>

                                                            <div class="form-group">
                                                                <div class="input-group col-lg-12">
                                                                    <div class="submit-btn">
                                                                        <input type="submit" class="btn btn-primary btn-wide formSubmitButton" value="Save/Update">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </form>
                                                    </div>

                                                </div>
                                            </div>
                                            <div class="col-lg-5 custom-height-manage">
                                                <div class="bg-white adding-table w-100 h-100 th-white">
                                                    <div class="kt-portlet kt-portlet--mobile mb-0 h-100">
                                                        <div class="kt-portlet__body data-table-list p-0 h-100">
                                                            <table class="table table-striped" id="dataTableList">
                                                                <thead>
                                                                    <tr>
                                                                        <th scope="col">Edit</th>
                                                                        <th scope="col">Title</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>

                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!--end: Datatable -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- end:: Content -->
    <button type="button" class="showDeleteModel" data-toggle="modal" data-target="#showDeleteModel" style="display: none;">Show Delete Model</button>
</div>

@endsection

@section('page_level_js')
<script src="{{asset('assets/js/admin/press-release.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/vendors/custom/datatables/datatables.bundle.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/js/demo1/pages/crud/datatables/basic/paginations.js')}}" type="text/javascript"></script>
@endsection

@push('footerscript')
<script>
$(document).on("blur", '#addEditForm .inputModule', function () {
    checkRequired(ex);
});
$(document).on("change", '#addEditForm select.inputModule', function () {
    checkRequired(ex);
});
checkRequired(ex);
</script>
@endpush