@extends('layouts.app')
@section('content')
    <div class="table-responsive custom-table-s1">
        <table class="participant_table" width="100%">
            <thead>
                <tr>
                    <th>Add Branch</th>                    
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <div class="row">
                            <div class="col-xl-12">
                                <div class="card forms-card">
                                    <div class="card-body">
                                        <div class="basic-form">
                                            <form class="m-form m-form--state" name="frm-create" id="frm-create" method="post"
                                                action="{{ route('admin.branch_create') }}" enctype="multipart/form-data">
                                                @csrf
                                                <div class="outer-div">
                                                    <div class="inner-div"> 
                                                        <div class="form-group row">

                                                            <div class="col-sm-6">
                                                                <div class="form-group @if ($errors->has('branch_name')) has-error @endif">
                                                                    <label class="text-label" for="branch_name">
                                                                        @if ($errors->has('branch_name'))<i class="fa fa-times-circle-o" style="color:red;"></i>@endif Branch Name
                                                                    </label>
                                                                   
                                                                    <input type="text" name="branch_name" class="form-control" required>
                                                                    @error('branch_name')
                                                                        <div class="error" style="color:red;">{{ $message }}</div>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group @if ($errors->has('location')) has-error @endif">
                                                                    <label class="text-label" for="location">
                                                                        @if ($errors->has('location'))<i class="fa fa-times-circle-o" style="color:red;"></i>@endif Branch Location
                                                                    </label>
                                                                   
                                                                    <input type="text" name="location" class="form-control" required>
                                                                    @error('location')
                                                                        <div class="error" style="color:red;">{{ $message }}</div>
                                                                    @enderror
                                                                </div>
                                                            </div>    
                                                            <div class="col-sm-6">
                                                                <div class="form-group @if ($errors->has('address')) has-error @endif">
                                                                    <label class="text-label" for="address">
                                                                        @if ($errors->has('address'))<i class="fa fa-times-circle-o" style="color:red;"></i>@endif Branch Address
                                                                    </label>
                                                                   
                                                                    <input type="text" name="address" class="form-control" required>
                                                                    @error('address')
                                                                        <div class="error" style="color:red;">{{ $message }}</div>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group @if ($errors->has('type')) has-error @endif">
                                                                    <label class="text-label" for="address">
                                                                        @if ($errors->has('type'))<i class="fa fa-times-circle-o" style="color:red;"></i>@endif Branch Type
                                                                    </label>
                                                                   
                                                                   
                                                                    <select class="form-control" name="type" required>
                                                                        <option value="">--Choose Type--</option>
                                                                        <option value="0">Type 1</option>
                                                                        <option value="1">Type 2</option>
                                                                        <option value="2">Type 3</option>
                                                                    </select>
                                                                    @error('type')
                                                                        <div class="error" style="color:red;">{{ $message }}</div>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group @if ($errors->has('branch_code')) has-error @endif">
                                                                    <label class="text-label" for="branch_code">
                                                                        @if ($errors->has('branch_code'))<i class="fa fa-times-circle-o" style="color:red;"></i>@endif Branch Code
                                                                    </label>
                                                                   
                                                                    <input type="text" name="branch_code" class="form-control" required maxlength="7">
                                                                    @error('branch_code')
                                                                        <div class="error" style="color:red;">{{ $message }}</div>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                            
                                                        </div> 
                                                    </div>
                                                </div>

                                                <div class="inner-div">
                                                    <div class="form-group">
                                                        <div class="d-flex justify-content-end">                                
                                                            <a href="/admin/branch" class="btn btn-default  btn-form mr-3">Cancel</a>
                                                            <button type="submit" class="btn btn-primary btn-form">Submit</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>   
            </tbody>
        </table>
    </div>
@endsection