@extends('layouts.app')
@section('title', 'Add New Member')
@section('content')
    <div class="container">
        <div class="page-breadcrumb d-flex align-items-center mb-2 border-bottom pb-2">
            <div>
                <h4>Add New Member</h4>
            </div>
            <div class="ms-auto">
                <a href="{{ route('admin.member.index') }}" type="button" class="btn btn-primary btn-sm"> <i
                        class="bi bi-arrow-counterclockwise"></i> Back To Member</a>
            </div>
        </div>
        <!--breadcrumb-->
        <form action="{{ route('admin.member.store') }}" method="post" enctype="multipart/form-data">
            @csrf
            <div class="row">
                <div class="col-12 col-xl-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-12 col-md-4 mb-3">
                                    <label class="form-label">Class <span class="text-danger">*</span></label>
                                    <select name="type" id="type" class="form-control type" required>
                                        <option value="">Select Type</option>
                                        <option value="Committee">Committee</option>
                                        <option value="Chairman">Chairman</option>
                                        <option value="Principle">Principle</option>
                                        <option value="Donar">Donar</option>
                                        <option value="Ex-Member">Ex-Member</option>
                                    </select>
                                    <div class="text-danger">{{ $errors->first('type') }}</div>
                                </div>
                            </div>
                            <div class="row g-3">
                                <div class="col-12 col-md-4">
                                    <label class="form-label">Name <span class="text-danger">*</span></label>
                                    <input type="text" name="name" class="form-control" value="{{ old('name') }}" required>
                                    <div class="text-danger">{{ $errors->first('name') }}</div>
                                </div>
                                <div class="col-12 col-md-4">
                                    <label class="form-label">Father </label>
                                    <input type="text" name="father" class="form-control" value="{{ old('father') }}">
                                    <div class="text-danger">{{ $errors->first('father') }}</div>
                                </div>
                                <div class="col-12 col-md-4">
                                    <label class="form-label">Mother </label>
                                    <input type="text" name="mother" class="form-control" value="{{ old('mother') }}">
                                    <div class="text-danger">{{ $errors->first('mother') }}</div>
                                </div>
                                <div class="col-12 col-md-4">
                                    <label class="form-label">Designation <span class="text-danger">*</span></label>
                                    <input type="text" name="designation" class="form-control" value="{{ old('designation') }}" required>
                                    <div class="text-danger">{{ $errors->first('designation') }}</div>
                                </div>
                                <div class="col-12 col-md-4">
                                    <label class="form-label">Profession </label>
                                    <input type="text" name="profession" class="form-control" value="{{ old('profession') }}">
                                    <div class="text-danger">{{ $errors->first('profession') }}</div>
                                </div>
                                <div class="col-12 col-md-4">
                                    <label class="form-label">Duration </label>
                                    <input type="text" name="duration" class="form-control" value="{{ old('duration') }}">
                                    <div class="text-danger">{{ $errors->first('duration') }}</div>
                                </div>
                                <div class="col-12 col-md-4">
                                    <label class="form-label">Mobile </label>
                                    <input type="text" name="mobile" class="form-control" value="{{ old('mobile') }}">
                                    <div class="text-danger">{{ $errors->first('mobile') }}</div>
                                </div>
                                <div class="col-12 col-md-4">
                                    <label class="form-label">Email </label>
                                    <input type="text" name="email" class="form-control" value="{{ old('email') }}">
                                    <div class="text-danger">{{ $errors->first('email') }}</div>
                                </div>
                                <div class="col-12 col-md-4">
                                    <label class="form-label">Address </label>
                                    <input type="text" name="address" class="form-control" value="{{ old('address') }}">
                                    <div class="text-danger">{{ $errors->first('address') }}</div>
                                </div>
                                <div class="col-12 col-md-4">
                                    <label class="form-label">Picture </label>
                                    <input type="file" name="avatar" class="form-control" value="{{ old('avatar') }}">
                                    <div class="text-danger">{{ $errors->first('avatar') }}</div>
                                </div>
                                <div class="col-12 col-md-4">
                                    <label class="form-label">Status <span class="text-danger">*</span></label>
                                    <select name="status" id="status" class="form-control status" required>
                                        <option value="">Select Status</option>
                                        <option value="Active">Active</option>
                                        <option value="Inactive">Inactive</option>
                                    </select>
                                    <div class="text-danger">{{ $errors->first('status') }}</div>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-12">
                                    <button type="submit" class="btn btn-primary px-4">Submit</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    </div>



    @include('admin.components.common')
@endsection