@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">
                        <h5 class="card-title mb-3">Parent Team List</h5>

                        <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">Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                @if(count($parent_teams)>0)
                                    @foreach($parent_teams as $key => $parent_team)
                                        <tr>
                                            <td class="text-center">{{ $key+1 }}</td>
                                            <td class="text-center">
                                                <a href="{{ route('teams.list',['parent_id' => $parent_team->id]) }}">{{ $parent_team->name }}</a>
                                            </td>
                                            <td class="text-center">
                                                <a class="btn btn-sm btn-primary" href="{{ route('team.list.parent_id', $parent_team->id) }}"><i class="fa fa-edit"></i></a>
                                            </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 Parent Team</h5>
                            <form method="POST" action="{{ route('parent_teams.update',$edit_data->id) }}"  enctype="multipart/form-data">
                                @csrf
                                <div class="row">

                                    <div class="col-md-12">
                                        <div class="form-group ">
                                            <label for="name" class="col-form-label pt-0">Parent 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">
                                        <div class="form-check">
                                            <input class="form-check-input" {{ $edit_data->is_for_payment == 1 ? 'checked' : '' }} type="checkbox" name="is_for_payment" id="is_for_payment">
                                            <label class="form-check-label" for="is_for_payment">
                                                Is for payment
                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-md-12 text-right mt-4">
                                        <button type="submit" class="btn btn-purple">
                                            <i class="fas fa-save mr-2"></i> Update
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                @else
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title mb-3" align="center">Add Parent Team</h5>
                            <form method="POST" action="{{ route('parent_teams.store') }}"  enctype="multipart/form-data">
                                @csrf
                                <div class="row">

                                    <div class="col-md-12">
                                        <div class="form-group ">
                                            <label for="name" class="col-form-label pt-0">Parent 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">
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" name="is_for_payment" id="is_for_payment">
                                            <label class="form-check-label" for="is_for_payment">
                                                Is for payment
                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-md-12 text-right">
                                        <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