@extends('backend.layouts.master')
@section('content')
  <div class="content-wrapper">
    <section class="content-header">
        <div class="container-fluid">
          <div class="row mb-2">
            <div class="col-sm-6">
              <h1></h1>
            </div>
            <div class="col-sm-6">
              <ol class="breadcrumb float-sm-right">
                <li class="breadcrumb-item"><a href="{{ route('admin.home') }}">Home</a></li>
                <li class="breadcrumb-item active">Our Teams</li>
              </ol>
            </div>
          </div>
        </div>
    </section>
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div class="card card-primary">
                        <div class="card-header">
                            <div class="card-title">Add Our Teams</div>
                        </div>
                        <form id="quickForm" method="POST" action="{{route('our-teams.store')}}" enctype="multipart/form-data">@csrf
                            <div class="card-body">
                                <div class="form-group">
                                    <label for="team_name">Name</label>
                                    <input type="text" name="name" id="team_name" class="form-control">
                                    @error('name')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="team_occupation">Occupation</label>
                                    <input type="text" name="occupation" id="team_occupation" class="form-control">
                                    @error('occupation')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="team_image">Image</label>
                                    <input type="file" name="image" id="team_image" class="form-control" accept="image/*">
                                    @error('image')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="team_type">Team Type</label>
                                    <select name="team_type" class="custom-dropdown form-control" required>
                                        <option value=''>SELECT TYPE</option>
                                        @foreach ($teamsData as $team )
                                            <option value="{{ $team->id }}">{{ $team->team_type }} </option>
                                        @endforeach
                                    </select>
                                    @error('team_type')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="team_description">Description</label>
                                    <textarea name="description" id="team_description" class="form-control"></textarea>
                                    @error('description')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="row">
                                    <div class="form-group col-6">
                                        <label for="team_twitter">Twitter</label>
                                        <input type="text" name="twitter" id="team_twitter" class="form-control">
                                    </div>
                                    <div class="form-group col-6">
                                        <label for="team_linkedIn">LinkedIn</label>
                                        <input type="text" name="linkedIn" id="team_linkedIn" class="form-control">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="form-group col-6">
                                        <label for="team_instagram">Instagram</label>
                                        <input type="text" name="instagram" id="team_instagram" class="form-control">
                                    </div>
                                    <div class="form-group col-6">
                                        <label for="team_facebook">Facebook</label>
                                        <input type="text" name="facebook" id="team_facebook" class="form-control">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="form-group col-6">
                                        <label for="team_youtube">YouTube</label>
                                        <input type="text" name="youtube" id="team_youtube" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary btn-flat">Submit</button>
                                <button type="button" class="btn btn-outline-danger btn-flat" onclick="window.history.back();">Cancel</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
  </div>
@endsection