@extends('front.layouts.main')
@section('content')
<div class="mb-3">
    @include('front.projects.menu')
</div>
<div class="card-c mb-4">
    <div>{{@$gcompany->company_name}}</div>
    <div class="c-midsection">
    <div class="c-mid-tsbsection">
        <div class="c-view-page">
            <section class="c-veiw-con">
                <div class="c-mid-tsbsection">
                    <div class="proj-detail">
                        <div class="mb-4">
                            <a class="h2-main my-0" href="{{route('projectinfo-hours.index',['project_id'=>$projectId])}}">{{projectNameById($projectId) }}</a>
                        </div>
                        <div class="pro-mem clearfix">
                            <form method="post" action="{{route('post.project-member')}}" id="member-add">
                                <div class="row">
                                    <div class="col-md-6 col-xl-4">
                                        <div class="form-group-row">
                                            <div class="flex">
                                                {{csrf_field()}}
                                                <input type="hidden" name="project_id" value="{{$projectId}}">
                                                <div class="select-box-new inside flex-fill">
                                                    <select class="form-group-input" id="inputselect1" name="member">
                                                        <option value="">Select Member</option>
                                                        @foreach($members as $member)
                                                        <option value="{{$member->user_id}}">{{$member->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="flex-shrrink-0">
                                                    <div class="pro-round mar_left_20 submit-member-form"><a href="#" class="round-btn"><i class="icon-add"></i></a></div>
                                                </div>
                                                @foreach($errors as $error)
                                                {{$error}}
                                                @endforeach
                                            </div>
                                            <div class="error-text">{{ $errors->first('member', ':message') }}</div>
                                            <div class="error-text">{{ $errors->first('project_id', ':message') }}</div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="pro-main-table">
                        <h2 class="sub-heading-inner mt-0 mb-3">Members with access to this project</h2>
                        <div class="pro-mem-table clearfix py-0">
                            <div class="table-new-responsive">
                                <table class="table-new">
                                <thead>
                                    <tr>
                                        <th>Name</th>
                                        <th>Email ID</th>
                                        <th>Phone No.</th>
                                        <th>&nbsp;</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if(count($projectMember))
                                    @foreach($projectMember as $member)
                                    <tr>
                                        <td>{{$member->name}}</td>
                                        <td>{{$member->email}}</td>
                                        <td>{{$member->phone}}</td>
                                        <td>
                                            <button type="button" class="remove-row-btn" onclick="deleteAttribute('{{route('project-member-delete',['project_id'=>$member->id])}}','Member')">
                                                <i class="icon-delete"></i>
                                            </button>
                                        </td>
                                    </tr>
                                    @endforeach
                                    @else
                                    <tr>
                                        <td colspan="4">No member found!</td>
                                    </tr>
                                    @endif
                                </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
    </div>
</div>
@endsection