@extends("admin.layouts.admin")

@section("title","Edit Category")

@section("content")
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="text-left">Advertisement Page Position</h3>
                </div>
                <div class="card-body">
                    @if(!isset($ads))
                    <form action="{{route('advertisement.index')}}">
                        <input type="hidden" name="type" value="create">
                        @else
                            <form action="{{route('advertisement.index')}}">
                                <input type="hidden" value="{{$ads->id}}" name="id">
                                <input type="hidden" value="update" name="type">
                        @endif
                        <div class="form-row row">
                            <div class="col-md-7">
                                <label for="">Position Name</label>
                                <input type="text" name="name" class="form-control" value="{{ isset($ads) ? $ads->name : old('name')}}">
                            </div>

                            <div class="col-md-5">
                                <label for="">Page Name</label>
                                <select name="page_id" class="form-control">
                                    <option selected disabled>Select page</option>
                                    @forelse($pages as $info)
                                        <option value="{{$info->id}}" {{isset($ads) && $ads->page_id == $info->id ? 'selected' : ''}}>{{$info->name}}</option>
                                    @empty
                                    @endforelse
                                </select>
                            </div>

                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="">ADS Code</label>
                                    <textarea type="text" name="code" class="form-control" rows="4">{{ isset($ads) ? @$ads->details->code : old('code')}} </textarea>
                                    @error("code")
                                    <strong class="text-danger">{{ $message }}</strong>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="">CDN</label>
                                    <input type="text" name="cdn" class="form-control">
                                    @error("cdn")
                                    <strong class="text-danger">{{ $message }}</strong>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-2">
                                <button type="submit" class="btn btn-success">
                                    Submit
                                </button>
                                @if(isset($ads))
                                    <a href="{{route('advertisement.index',['type' => 'page_position'])}}" class="btn btn-danger ml-1">Cancel</a>
                                @endif
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="text-left">List</h3>
                </div>
                <div class="card-body">
                    <table class="table">
                        <thead>
                        <tr>
                            <th>Serial</th>
                            <th>Page Position name</th>
                            <th>Page Name</th>
                            <th>Advertisement Status</th>
                            <th>Code Available</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @forelse($pagePositions as $key => $info)
                            <tr style="background: #bdbdbd">
                                <td colspan="6" class="p-1 "><h4>{{$info[0]->page->name}} </h4></td>
                            </tr>
                            @forelse($info as  $data)
                                @php $adv = advertisement_single($data->id) @endphp
                                <tr>
                                    <td>{{$loop->iteration}}</td>
                                    <td>{{$data->name}} ({{$data->id}})</td>
                                    <td>{{$data->page->name}}</td>
                                    <td>
                                        @if($adv != null)
                                            @if($adv->status == 1)
                                                <button class="btn btn-success"
                                                        onclick="changeStatus({{$adv->id}},'{{'Advertisement' ?? ''}}')">
                                                    On
                                                </button>
                                            @else
                                                <button class="btn btn-danger"
                                                        onclick="changeStatus({{$adv->id}},'{{'Advertisement' ?? ''}}')">
                                                    Off
                                                </button>
                                            @endif
                                        @endif
                                    </td>
                                    <td>
                                        @if($adv != null)
                                            @if($adv->code != null)
                                                <span class="badge bg-success">
                                                    Yes
                                                </span>
                                            @else
                                                <span class="badge bg-danger">
                                                    No
                                                </span>
                                            @endif
                                        @endif
                                    </td>
                                    <td>
                                        <button type="button" class="btn btn-primary" data-toggle="modal"
                                                data-target="#exampleModalCenter{{$data->id}}">
                                            View
                                        </button>

                                        <a href="{{route('advertisement.index',
                                                [
                                                    'type' => 'page_position_edit',
                                                    'page_id' => $data->page_id,
                                                    'position' => $data->id
                                                ]
                                           )}}" class="btn btn-info">
                                            Edit
                                        </a>


                                        {{--modal content--}}
                                        <!-- Modal -->
                                        <div class="modal fade" id="exampleModalCenter{{$data->id}}" tabindex="-1"
                                             role="dialog" aria-labelledby="exampleModalCenter{{$data->id}}Title"
                                             aria-hidden="true">
                                            <div class="modal-dialog modal-dialog-centered" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <h5 class="modal-title" id="exampleModalLongTitle">Advertise
                                                            Details</h5>
                                                        <button type="button" class="close" data-dismiss="modal"
                                                                aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body">
                                                        <span><td>{!! isset($ads->code) ? $ads->code : '' !!}</td></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            @empty
                            @endforelse
                        @empty
                        @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection