@extends('layouts.master')

@section('content')

<link rel="stylesheet" type="text/css" href="{{ asset('frontend_assets/css/card-layout.css') }}">

<div class="tp-breadcrumb">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div style="float:right">
                    <ol class="breadcrumb">
                        <li><a href="{{url('/')}}">Home</a></li>
                        <li class="active">Test_Our Team</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="main-container">
    <div class="container">
        <div class="row">
            <div class="col-md-12 content-right">
                <div class="section-title text-center">
                    <h1>Team Members:NEW Page(08_NOV,205</h1>
                    <p>कोरी समुदाय की विरासत गरिमामयी रही है। हम सब इसी भाव से ओत प्रोत हैं। इस गौरव पूर्ण इतिहास को
                        वर्तमान की आधार शिला बनाकर अगली पीढ़ी को उज्जवल भविष्य का मार्ग प्रशस्त करें। <br />इस उद्देश्य
                        से मिशन कोरी जोड़ों के अंतर्गत सार्वदेशिक कोरी युवा प्रतिनिधि संस्था की पहल पर कोरी समाज
                        महासंपर्क अभियान की शुरुआत 1 अगस्त 2018 से की जा चुकी है।</p>
                </div>
				<a class="btn btn-primary" href="javascript:void(0)"
                                style="max-width: 240px;    margin: 10px 20px;" onclick="loadEventDetail(1)">Appy Membership</a>
                <!-- Add Team Form Section -->
                <div class="row">
                    <div class="col-md-12">
                        <h3>Create a New Team Member</h3>
                        <form class="card card-primary newform" id="eventDetails1"  action="{{ route('team.store') }}" method="POST" enctype="multipart/form-data" style="padding:20px;display:block;">
                            @csrf
                            <div class="col-md-4">
                                <label for="state">State</label>
                                <select class="form-control" name="state_id" id="state-dropdown1">
                                    <option value="">Select State</option>
                                    @foreach($states as $state)
                                        <option value="{{$state->id}}">{{ $state->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label for="city">City</label>
                                <select class="form-control" data-live-search="true" name="city_id" id="city-dropdown1" tabindex="-98">
                                                    <option value="">Select City</option>
                                                </select>
                            </div>
                            <div class="col-md-4">
                                <label for="team_category">Team Category</label>
                                <select class="form-control" name="team_category">
                                    <option value="" selected disabled>Select Team Category</option>
                                    @foreach ($teamCategories as $teamCategory)
                                        <option value="{{$teamCategory->id}}">{{$teamCategory->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label for="name">Member Name</label>
                                <input type="text" name="name" class="form-control" required>
                            </div>
                            <div class="col-md-4">
                                <label for="designation">Designation</label>
                                <input type="text" name="designation" class="form-control" required>
                            </div>
                            <div class="col-md-4">
                                <label for="location">Location</label>
                                <input type="text" name="location" class="form-control" required>
                            </div>
                            <div class="col-md-4">
                                <label for="description">Description</label>
                                <input type="text" name="description" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label for="fb_link">Member's Facebook Link</label>
                                <input type="text" name="fb_link" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label for="insert_image">Photo Upload:</label>
                                <input type="file" name="insert_image" class="form-control" accept="image/*">
                            </div>
                            <div class="col-md-4" >
                                <input type="checkbox" name="key_person" value="1" style="margin: 10px;"> Key Person
                            </div>
                            <button type="submit" class="btn btn-primary" style="margin: 10px;">Add Team Member</button>
                        </form>
                    </div>
                </div>

                <!-- Existing Team Members Section -->
                <div class="row">
                    <!-- Side widgets-->
                    <div class="col-lg-12">
                        <!-- Search widget-->
                        <div class="card mb-4">
                            <form action="{{ route('teams', $id) }}" method="GET" class="row mb-4">
                                <!-- @csrf -->
                                <div class="card-body">
                                    <div class="col-sm-2">
                                    <div class="form-group">
                                        
                                        <div class="input-group">
                                            <div class="custom-file">
                                                <select class="form-control" data-live-search="true" name="state_id" id="state_id" tabindex="-98">
                                                    <option value="">Select State</option>
                                                    @foreach($states as $state)
                                                        <option value="{{$state->id}}">{{ $state->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                    </div>

                                </div>

                                <div class="col-sm-2">
                                    <div class="form-group">
                                        <div class="input-group">
                                            <div class="custom-file">
                                                <select class="form-control" data-live-search="true" name="city_id" id="city-dropdown" tabindex="-98">
                                                    <option value="">Select City</option>
                                                </select>
                                            </div>
                                        </div>

                                    </div>

                                </div>
                                    <div class="col-md-2">
                                        <select class="form-control" data-live-search="true" name="category_id" id="category_id"
                                            tabindex="-98">
                                            <option value="">Select Category</option>
                                            @foreach($categories as $category)
                                            <option value="{{$category->id}}">{{ $category->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
									
                                    <div class="col-md-4">
                                        <input class="form-control" type="text" name="title"
                                            placeholder="Enter search title..." aria-label="Enter search title..."
                                            aria-describedby="button-search" />

                                    </div>
                                    <div class="col-md-2">

                                        <button class="btn btn-primary" id="button-search" type="submit">Go!</button>
                                    </div>
                                </div>
                            </form>
                        </div>

                    </div>



                    <div class="col-md-12 team-section">
                        <div class="row">
                            @foreach ($keyPerson as $person)
                            <div class="col-md-6 team-profile">
                                <div class="col-md-4">
                                    <img src="{{asset('uploads/team/'.$person->image)}}" alt=""
                                        class="img-responsive img-circle">
                                    <h4 class="teamlocation">{{$person->location}}</h4>
                                </div>
                                <div class="col-md-8 mt20">
                                    <h2 class="teamname">{{$person->name}}</h2>
                                    <h4 class="teamdesignation">{{$person->designation}}</h4>
                                    <h4 class="teamdescription">{{Str::limit($person->description, 130) }}</h4>

                                    <p><a target="_blank" href="{{$person->fb_link}}"><i
                                                class="fa fa-facebook-square"></i> Find him on
                                            Facebook </a></p>
                                </div>
                            </div>
                            @endforeach


                        </div>
                        
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<script>
$(".newform").hide();

function loadEventDetail(id) {

    $("#eventDetails" + id).slideToggle();
}
</script>
@endsection