@extends('layouts.admin')

@section('content')
@push('css')
@endpush
<div class="container-fluid">
    <div class="row">
        <div class="col-md-8">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12">
                            <h5 style="float: left" class="card-title mb-3">Team List</h5>
                            <a style="float: right" href="{{ route('team.list.parent_id') }}" class="btn btn-sm btn-danger">Back</a>
                        </div>
                    </div>
                    <form method="GET" action="{{route('teams.list', ['parent_id'=>$parent_id, 'edit'=>'0'])}}">
                        <div class="row mb-3">
                            <div class="col-md-3">
                                <div class="form-group ">
                                    <label for="serial_no" class="col-form-label pt-0">SL.</label>
                                    <input class="form-control" type="text" name="serial_no" id="serial_no" placeholder="SL" value="{{ old('serial_no') }}">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group ">
                                    <label for="name" class="col-form-label pt-0">Team Name</label>
                                    <input class="form-control" type="text" name="name" id="name" placeholder="Team Name" value="{{ old('name') }}">
                                </div>
                            </div>
                            <div class="col-md-3 mt-4">
                                <button class="btn btn-primary">Search</button>
                                <a href="{{route('teams.list', ['parent_id'=>$parent_id])}}" class="btn btn-danger">Clear</a>
                            </div>
                        </div>
                    </form>

                    <div class="table-responsive">
                        <table class="table table-striped table-bordered w-100">
                            <thead>
                            <tr>
                                <th class="text-center">SL.</th>
                                <th class="text-center">Parent Team</th>
                                <th class="text-center">Name</th>
                                <th class="text-center">Member</th>
                                <th class="text-center">Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            @if(count($teams)>0)
                            @foreach($teams as $key => $team)
                            <tr>
                                <td class="text-center">{{ $team->id }}</td>
                                <td class="text-center">{{ $team->parent_data->name }}</td>
                                <td class="text-center"><a href="{{url('teams/assign_members/list',$team->id)}}">{{ $team->name }}</a></td>
                                <td class="text-center"><a href="{{url('teams/added_members/list',$team->id)}}">{{ $team->team_user_count }}</a></td>
                                <td class="text-center">
                                    <form action="{{ route('teams.delete', $team->id) }}" method="post">
                                    {{ csrf_field() }}
                                    <div class="button-list btn-social-icon">
                                        <a href="{{route('teams.list', ['parent_id'=>$parent_id, 'edit'=>$team->id])}}" class="btn btn-purple">
                                            <i class="fas fa-pencil-alt"></i>
                                        </a>
                                        <button type="submit" class="btn btn-danger btn-remove ml-1">
                                            <i class="far fa-trash-alt"></i>
                                        </button>
                                    </div>
                                    </form>
                                </td>
                            </tr>
                            @endforeach
                            @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div> <!-- end col -->
        <div class="col-md-4">
            @if($edit)
            <div class="card text-white bg-success">
                <div class="card-body">
                    <h5 class="card-title mb-3">Edit Team</h5>
                    <form method="POST" action="{{ route('teams.update',$edit_data->id) }}"  enctype="multipart/form-data">
                        @csrf
                        <div class="row">

                            <div class="col-md-12">
                                <div class="form-group ">
                                    <label for="parent_team_id" class="col-form-label pt-0">Parent Team<span class="text-danger">*</span></label>
                                    <select id="parent_team_id" class="select2 form-control mb-3 custom-select" name="parent_team_id" >
                                        <option disabled selected value="">Select One</option>
                                        @foreach($parent_teams as $pt)
                                            <option value="{{$pt->id}}" @if($pt->id==$edit_data->parent_id) selected @endif>{{ $pt->name }}</option>
                                        @endforeach
                                    </select>
                                    @if ($errors->has('parent_team_id'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('parent_team_id') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="form-group ">
                                    <label for="name" class="col-form-label pt-0">Team Name<span class="text-danger">*</span></label>
                                    <input class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" type="text" name="name" id="name" placeholder="Name" value="{{ $edit_data->name }}" required="">
                                    @if ($errors->has('name'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('name') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-12 text-right mt-4">
                                <a href="{{ route('teams.list', ['parent_id' => $parent_id]) }}" class="btn btn-pink">
                                    <i class="fas fa-times mr-2"></i> Cancel
                                </a>
                                <button type="submit" class="btn btn-purple">
                                    <i class="fas fa-save mr-2"></i> Save & Update
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            @else
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title mb-3" align="center">Team Add</h5>
                    <form method="POST" action="{{ route('teams.store') }}"  enctype="multipart/form-data">
                        @csrf
                        <div class="row">

                            <div class="col-md-12">
                                <div class="form-group ">
                                    <label for="parent_team_id" class="col-form-label pt-0">Parent Team<span class="text-danger">*</span></label>
                                    <select id="parent_team_id" class="select2 form-control mb-3 custom-select" name="parent_team_id" >
                                        <option disabled selected value="">Select One</option>
                                        @foreach($parent_teams as $pt)
                                            <option value="{{$pt->id}}" @if($pt->id==$parent_id) selected @endif>{{ $pt->name }}</option>
                                        @endforeach
                                    </select>
                                    @if ($errors->has('parent_team_id'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('parent_team_id') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="form-group ">
                                    <label for="name" class="col-form-label pt-0">Team Name<span class="text-danger">*</span></label>
                                    <input class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" type="text" name="name" id="name" placeholder="Name" value="{{ old('name') }}">
                                    @if ($errors->has('name'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('name') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-12 text-right mt-4">
                                <button type="submit" class="btn btn-dribbble">
                                    <i class="fas fa-save mr-2"></i> Save
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            @endif
        </div> <!-- end col -->
    </div><!--end row-->

</div> <!-- container-fluid -->
@push('alljs')
@endpush
@endsection