@extends('layouts.app')

@section('pageTitle', 'Target Audiences')

@section('content')
<div class="page-content">
  <div class="page-subheading page-subheading-md">
    <ol class="breadcrumb">
        <li><a href="javascript:;">Dashboard</a></li>
        <li class="active"><a href="javascript:;">Look and Feel List</a></li>
    </ol>
   </div>
<div class="page-heading page-heading-md">
    <h2>Target Audiences List</h2>
</div>
<div class="container-fluid-md">
    <div class="panel panel-default">
        <div class="panel-heading">
        <ul class="nav nav-tabs">
            
                         @if (session('status'))
                            <div class="alert alert-success">
                                {{ session('status') }}
                            </div>
                        @endif
                            <li class="active"><a data-toggle="tab" href="#list">Target Audiences</a></li>
                        </ul>
                        <div class="panel-options" style="padding-right: 20px; padding-top: 5px;">
                            <a href="" class="btn btn-info pull-right" style="margin-bottom: 1.5em;"><i class="fa fa-fw fa-plus"></i></a>

                        </div>

                        <div class="panel-body">
                            <div class="tab-content">
                                <div id="list" class="tab-pane active">
                    <form action="{{ route('pp-master.target-audience', ['id' => 0]) }}" class="form-horizontal" method="get" enctype="multipart/form-data" novalidate>
                    <div class="form-group row">
                        <label class="col-md-5 col-sm-12 control-label" for="name">Keyword</label>
                        <div class="col-md-5 col-sm-12">
                            <input type="text" class="form-control" id="name" name="name" placeholder="Keyword" value="{{ request('name') }}">
                        </div>
                    </div>
                
                    <div class="form-group row">
                        <div class="col-sm-offset-5 col-sm-7"> <!-- Changed col-sm-8 to col-sm-7 -->
                            <button type="submit" class="btn btn-primary">Search</button>
                        </div>
                    </div>
                </form>
                                   
   
    @if(request()->has('name'))
        <table class="table table-hover table-bordered">
            <thead>
            <tr>
                <th>Name</th>
                <th>Show In Property</th>
                <th>Show In Project</th>
                <th>Action</th>
            </tr>
            </thead>
            <tbody>
            @foreach($details as $detail)
            <tr>
                <td>{{ $detail->name }}</td>
                <td>{{ $detail->show_in_property }}</td>
                <td>{{ $detail->show_in_project }}</td>
                <td>
                    <a href="" class="btn btn-sm btn-primary">Edit</a>
                    <a href="" class="btn btn-sm btn-danger" onClick="return confirm('Are you sure you want to delete this item?');">Delete</a>
                </td>
            </tr>
            @endforeach
            </tbody>
        </table>

      

    @else
        <p class="text-center">Please enter search criteria to view target audiences details.</p>
    @endif

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