@extends('layouts.master')

        @section('page_title', 'Add Branch')
        @section('title', 'Branch Details')
        @section('main_item', 'Branch')
        @section('sub_item', 'Add Branch')

        @section('content')

            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <h4 class="mt-0 header-title">Add Branch</h4>
                        <p class="text-muted mb-3"></p>


                        <form method="POST" action="{{ route('branches.store') }}" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label class="required" for="branch_name">Branch Name</label>

                                        <input class="form-control " type="text" name="branch_name" id="branch_name"
                                            value="" required>

                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label class="required" for="branch_code">Branch Code</label>
                                        <input class="form-control" type="text" name="branch_code" id="branch_code"
                                            value="{{ $new_branch_code }}" readonly required>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label class="required" for="contact_no_1">Contact 1</label>
                                        <input class="form-control " type="text" name="contact_no_1" id="contact_no_1"
                                            value="" required>

                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="contact_no_2">Contact 2</label>
                                        <input class="form-control " type="text" name="contact_no_2" id="contact_no_2"
                                            value="">

                                    </div>
                                </div>


                                <div class="col-md-8">
                                    <div class="form-group">
                                        <label class="required" for="address_1">Address 1</label>
                                        <input class="form-control " type="text" name="address_1" id="address_1"
                                            value="{{ old('address_1', '') }}" required>

                                    </div>
                                </div>

                            </div>
                            <div class="row">

                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="address_2">Address 2</label>
                                        <input class="form-control " type="text" name="address_2" id="address_2"
                                            value="">

                                    </div>
                                </div>

                            </div>
                            <div class="form-group float-right">
                                <button class="btn btn-primary" type="submit">
                                    Save
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>




        @endsection